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

HTML Page using Flexbox

Rohan Kalaskarโ€ข 20

@rohan1112

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?

It was simple page but i effectively make use of the flexbox by which i was able to do work more faster. Next time i will try to use grid display.

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

The challenge was to how a middle a div or content but by making use of flexbox it become simple and easy to achieve.

Community feedback

Adrian Rangelโ€ข 250

@radriann21

Posted

Some advices:

  1. Use more semantic tags. For example, you can instead use a "section" for the card, use an "article" tag (it makes more sense). And use a "section" tag to enclose all the text, and treat the title without containers (divs or other types of containers). Use the attribution like a footer!

  2. Clean up the HTML and use your own resources. By this I mean, make the project yours. Delete comments in the code, use your own README and dig deeper into your own project!

Just simple tips because the design is incredible. And it fits perfectly in all resolutions

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