Design comparison
Solution retrospective
I think this is the best I have done so far. Any feedback on any ways it could be done better/differently are greatly appreciated.
Community feedback
- @hachi-opsPosted almost 4 years ago
It's very good and the only thing I would point out is the layout just at above 900px. You get two rows of stars instead of one so it may be a good idea to add another media query at different breaking point and fine tune the alignment. I too completed this challenge today and was getting the same layout with stars not aligned in one line at roughly same 900px resolution so I added min-width and had to tweak margins and paddings to align everything. Try adding min-width to the divs with stars and see if it helps the layout when changing screen size. You may want to look up my solution although I added some extra breaking point with completely different layout between 600 and 992px which wasn't actually part of the design.
1
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