Skip to content
Submitted about 2 years ago

Responsive Hubble landing page using CSS Flexbox

accessibility
Abdulhamid Adeniji•160
@Alpha437
A solution to the Huddle landing page with alternating feature blocks challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Tomazi•300
    @tomazi15

    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.

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