Responsive QR Code using HTML and CSS

Hey Joseph, Congratulations on completing your first project 🎉

I like how you used the <main> tag in your first project keep using them however, there are a few things to take into consideration:

• You have an extra closing tag in the HTML line 28, you should take care of these as they will cause you huge problems in larger projects.

• <h2 class="card-title"> Improve your front-end skills by building projects </h2> this should be <h1> Learn more

• It will be really useful if you use a modern CSS reset like this one.

• Font sizes should be in ems or rems, not px.

• It's better for performance to use the fonts in <link> in the head tag and don't use import.

• I am wondering why you are using multiple CSS properties to define border-radius it's widely supported see this.

• We use margins to add spaces between elements think of flex and grid as a bigger thing to define a layout

I hope I am helpful and happy coding 😁

Hello, Your solution is very good.

In the future try also flexbox. Grid and scss is more complicated. Here is very good site to learn flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

In file style-guide.md you can see whitch colors to use and another informarions about project.

Color for <p> .card-info change for Grayish blue.

Keep it up and don't give up!