Skip to content
Submitted over 2 years ago

html, css, pycharm,

NOUTCHEU LIBERT•200
@noutcheu1
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 did you find difficult while building the project?

     The dificulty that i found is to use  responsive design and layout 

Which areas of your code are you unsure of?
      The main.css file

Do you have any questions about best practices?
       what is secret of being css master

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted over 2 years ago

    👾Hello NOUTCHEU LIBERT, congratulations for your solution!

    I don't know the secret to be the master of the CSS, but I've one tip for you: write the minimum of code you can.

    For example in this challenge, you can build this component using only one block element to hold all the content, the <main> or a <div>. See the minimal structure for html below:

    <body>
<main>
<img>
<h1></h1>
<p></p>
</main>
</body>

    About the CSS, you can have a really really clean code, writing only necessary elements, for example, you don't need classes here, you can manage everything just using these selectors

    div - main - img - h1 - p

    Hope it helps and 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