Mobile first responsive site w/ css only hamburger and responsive grid
Design comparison
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!
Community feedback
- @girlygdevPosted over 3 years ago
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!
0@Tyson-WellingsPosted over 3 years ago@girlygdev You're right I scaled the text up as the screen sized increase however I think this does result in wonky layouts on a larger screen! Thank your for the feedback Gil.
0
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