Skip to content
Submitted 5 months ago

HTML Page using Flexbox

Rohan Kalaskar•20
@rohan1112
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?

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•270
    @radriann21Posted 5 months ago

    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

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