Skip to content
Submitted 8 months ago

Responsive landing page using flexbox

Meseriasul19•100
@Meseriasul19
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I understood how to work with figma and other elementary elements in the process of making this project.

What challenges did you encounter, and how did you overcome them?

I found it difficult to arrange the items in the right position and the responsive layout take me some time to complete.

What specific areas of your project would you like help with?

If you can give me a feedback about the techniques i used, it will help me a lot.

Community feedback

  • Shubham Patil•40
    @shubham926Posted 8 months ago

    Complicated thing for simple task. Just needed to follow the figma design and made a static card. There were no need for media queries. While resizing the page the card content gets too big or too small.

    Marked as helpful
    0
    Meseriasul19•100
    @Meseriasul19Posted 8 months ago

    @shubham926 What other method I could have used to change the size of the container on the phone design without media queries?

    0
  • Harsh Kumar Dwivedi•740
    @Harsh-Kumar-DwivediPosted 8 months ago

    Hi @Meseriasul19,

    I think you can prefer to replace <div class="container"> with <main> element and <h2 class="title"> with <h1> element. These will improve accessibility.

    Hope it is helpful !

    Happy Coding !

    Marked as helpful
    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