Skip to content
Submitted almost 5 years ago

Huddle landing page using css flex box

Lateef Babalola•125
@delat22
A solution to the Huddle landing page with a single introductory section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello there,

I would love to receive a feedback on where i need to improve. If i really tried above average please rate my work. Your rating will go a long way in my learning and practice. Thanks to you all.

Code

Please log in to post a comment

Log in

Community feedback

  • Jen•1,230
    @En-Jen

    Hi Lateef, nice work on this project. I just have a few suggestions for you.

    1. set background-size: cover; so that the background image stretches across the entire screen at all screen sizes.
    2. For screen sizes between 901px and 1200px width the proportions of the image and the text look off because the image is shrinking as you shrink the screen width, but the text does not.
    3. Consider adding a transition on the button so that when the user hovers over it, the color doesn't immediately change, but has a nice transition to the new color.
    4. Adding some box-shadow to the button will give it some nice depth and make it look more like the design.

    Nicely done and keep up the good work! -Jen

  • Lateef Babalola•125
    @delat22

    Thanks for the swift response.

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