Skip to content
Submitted over 1 year ago

Performant responsive page for Planets fact site using Astro

Jose Monge•340
@josemongedev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Planets fact site
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I struggled a bit styling and importing SVGs within Astro. I initially tried to code the interactivity without JS at all, but there are many issues with pseudo-classes, like :has in Firefox, so I removed the CSS and refactored it back to JS.

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord