Design comparison
SolutionDesign
Solution retrospective
This is one of my favorite projects. A website about the solar system! I really enjoyed working on this. The only challenge was maintaining the relative size of every planet's image (Jupiter is bigger than earth, mars is smaller than earth, etc...).
I ended up updating the JSON file with the width and height of every planet for desktop, tablet, and mobile. All I had to do was access the width and height properties from the JSON file and apply those properties to the planet's image with JS. This proved to be quite tedious, but the end result was worth it.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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