Skip to content
Submitted over 1 year ago

Solution to the QR-Component-Challenge using HTML and CSS only

Unanimous•10
@Unanimous-1001
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

The Layout was the thing that I had most trouble with. that coupled with my non-existent experience with JavaScript.

I'm not too keen that my CSS will work perfectly.

what is the easiest way to learn CSS-Layouts?

Community feedback

  • Pietrell•400
    @PiotrPlotastPosted over 1 year ago

    Hello, in this project you don't need to worry about your js experience due to the fact that this is html and css only project which means it's static page with no js needed. Flex is by far the easiest way to do layouts, I'd recommend watch/read about it and its properties. In this particular project flex-direction: column; could be helpful for the layout of your component. You should avoid using px units with font-size, instead read/watch about relative units like em and rem. Overall you did a good job. Stay strong and keep learning! ;)

    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