enhancement(app): Fix spacing for hobbies list

djsiddz · Feb 7, 2024 · 4ea2934 · 4ea2934
1 parent a94f3b2
commit 4ea2934
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -39,23 +39,27 @@ const hobbies = ["Space Exploration", "Writing", "Space Photography"];
  .hobbies {
  display: inline-flex;
  flex-wrap: wrap;
- gap: 1rem;
+ row-gap: 0;
+ column-gap: 1rem;
  list-style-position: inside;
  margin-top: 0;
  }
  .hobbies li {
  padding: 0 0 0 1rem;
  }
  .hobbies li::marker {
- content: "🚀";
+ content: "🚀 ";
  }
  .hobbies li:nth-child(3n)::marker {
- content: "🪐";
+ content: "🪐 ";
  }
  .hobbies li:nth-child(3n-1)::marker {
- content: "🌎";
+ content: "🌎 ";
  }
  @media (orientation: portrait) {
+ .hobbies {
+ padding-left: 0;
+ }
  .pageContent {
  padding: 2rem 0;
  text-align: left;