Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using flexbox

@Meseriasul19

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@shubham926

Posted

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

Posted

@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

Posted

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
Discord logo

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