Skip to content
Submitted over 4 years ago

Huddle landing page using css flex box

Lateef Babalola•125
@delat22
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • Jen•1,230
    @En-JenPosted over 4 years ago

    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

    1
  • Lateef Babalola•125
    @delat22Posted over 4 years ago

    Thanks for the swift response.

    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