Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page with alternating feature blocks using CSS Flex

@franklynxchill


Design comparison


SolutionDesign

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

@lisztomania23

Posted

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

@franklynxchill

Posted

@lisztomania23 Okay thank you for the comment !

0

@youssefKetata

Posted

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

@franklynxchill

Posted

@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 GitHub
Discord logo

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