Huddle landing page with alternating feature blocks using CSS Flex
Design comparison
Solution retrospective
Hello, Frontend Mentor community 👋,
I’m Franklynxchill and this is my solution for the Huddle landing page with alternating feature blocks. 🚀 Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. 😊✌️
Community feedback
- @lisztomania23Posted 12 months ago
I see you have posted quite a few solutions in the past few days. That's impressive! Though, why the hurry? This page is not very responsive. I'll check and suggest some changes when I get some time.
0@franklynxchillPosted 12 months ago@lisztomania23 Okay thank you for the comment !
0 - @youssefKetataPosted 12 months ago
Hi Franklynxchill, great work, here is some advice:
-
the shadow on the cards is quite dark, you can use this, so it is more like the design box-shadow: 2px -3px 10px 2px hsla(204, 4%, 74%, 0.2);
-
you can improve your website by working more on the responsiveness, specify max width on elements so it does not overflow, you have text overflow in card, website title, call to action and the footer
-
it will help you if you use reset stylesheet and some variables to make your css better
I'm happy to hear your advice on my try on this challenge.
0@franklynxchillPosted 12 months ago@youssefKetata Okay, Thank you for the comment !. Sure I will check out your work.
1 -
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