Responsive Huddle Landing Page using Flexbox, Grid, min()max()clamp()
Design comparison
Solution retrospective
Took much longer than I expected. It looked simple but was actually pretty tricky. The background images were difficult to deal with and the responsive design aspect of the challenge is what surprised me.
I would really like some feedback on this challenge (especially on the responsiveness), because it was quite an undertaking and I implemented some new stuff I learnt. Also tried commenting my code and I think it is quite clean as well.
First attempt went pretty badly, so I did some research about using min( ) max ( ) and clamp ( ) for widths and font-sizes. I used them in my second attempt and refactored all my CSS code. I was more methodical and intentional in writing my CSS this time, and It went much better. I still feel like I got lost towards the end, applying widths here and there to make things work, but much better than my previous attempts.
Community feedback
- @Hazel-BlackPosted over 2 years ago
Same Here! I thought this would be a piece of cake lol good Job!!!
1@riverCodesPosted over 2 years ago@Hazel-Black haha thanks! :P
You'll get used to the process of starting a challenge thinking its easy or you've got it figured out, and then not actually being able to do it xD. But that's okay and it happens to everyone. Important thing is to not give up and research more/ask around/figure out solutions yourself and come back and finish the challenges. That's where the real learning happens IMO.
Been doing frontend-mentor amongst other things for over a month-and-a-half now and I've gotten used to the process and have learnt a looot.
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