Mobile first responsive site w/ css only hamburger and responsive grid

Solution retrospective
Hey everyone! Here is my submission for the LoopStudios challenge. I think I may have overcomplicated some of the responsive elements with the use of alot of calc functions. I had recently discovered about the clamp min and max so wanted to try these functions out. As always feedback is greatly appreciated let me know if you have submitted a solution to this project so I can see how others may approach this challenge!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @girlygdev
Hi Tyson, great work on the challenge! I also submitted a solution for this, also using SCSS but not with mobile-first approach. Seems to me though that your scss style is cleaner than mine! One thing I can recommend though is adding a max-width on the overall style of the page. I'm viewing the website in 1920x1080 and for the gallery for eg. there's a lot of white spaces between the images. I also feel like the font is a bit bigger on this screen size, or is it just me? Anyway good job on this! Feel free to check my solution too so we can compare notes? Cheers!
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