Skip to content
Submitted over 1 year ago

Responsive Hubble landing page using CSS Flexbox

Abdulhamid Adeniji•160
@Alpha437
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Starting the project felt pretty easy and finishing up the desktop design. I encountered a barrier when it came to making it responsive for all devices, i had help from a community of web developers who guided me through debugging most of the jargon that gave me hard time.

I used flex-box for almost everything, I don't know if that is a good practice. I'd really love if anyone can enlighten me on this.

Community feedback

  • Tomazi•300
    @tomazi15Posted over 1 year ago

    Hi @Alpha437

    Congrats on completing your challenge it looks really good, there might be some heights and widths but without figma guidelines its hard to get it 100% but considering think your solutions looks great.

    In terms of responsiveness as a good practice use mobile-first design methodology.

    0
    Abdulhamid Adeniji•160
    @Alpha437Posted over 1 year ago

    @tomazi15 Thanks for the feedback. I'll try to employ the mobile-first design methodology in my future practices.

    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