Skip to content
Submitted almost 3 years ago

Responsive landing page without media queries

Oladayo Ajibola•40
@DeeBabaTech
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Recreating this webpage was one hell of work until I discovered a secret hack towards creating a responsive simple landing page without the need to use media queries. Ensure you check out the README for more info about the project. What do you think I need to work on? Or do you feel It's perfectly perfect? Lol...

Community feedback

  • Ayodele abiola Augustine•150
    @babboe1Posted almost 3 years ago

    This is a nice work, I like how neat it looks, but I guess it's not really well centered, on my mobile screen there was space showing on the left. I feel it could be improved but you enclose your whole code in a DIV the set the style to margin:auto

    Marked as helpful
    0
    Oladayo Ajibola•40
    @DeeBabaTechPosted almost 3 years ago

    @babboe1 Oh, Thanks very much Ayodele, I just set it as margin: 50px auto; This way the left and right margin is set well. Thanks once again!

    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