Submitted about 2 years ago

html, css, pycharm,

NOUTCHEU LIBERT• 200

@noutcheu1

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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,420

@correlucas

Posted about 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

Please log in to post a comment

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