Single price grid challenge - potato code LUL

Oh hi again 😃 thank you so much for your time, your feedback is very helpful for me, I'm taking your tips very serious and I'm doing new online courses about front end

Thank you very much

Hi Steve again,

Well done :D

A few tips below from me:

• instead of div class="container" you can use the main tag and instead of div class="card" the section tag will be useful here;
• this is a single page component so add the h1 tag => in this project you can use the h1 with two spans inside (main-heading and sub-heading);
• instead of the h3 tag just use the p tag with the span inside of it because here we can not use the heading;
• you didn't reset the CSS styles in the CSS file;
• in this project you have used explicit width (in your another project I have written more about it);
• text "per month" should be in the middle of the price;
• two sentences in the 1 box (grey color) should be separated on the desktop size (check the design folder);
• generally check your project in your browser by using the inspector on different devices (problem with margin).

In the end, I'd recommend reading more about headings => MDN and W3C documentation. Also, instead of div use a proper tag to create button or link => div is not a semantic element. I'd recommend reading this article => A Complete Guide to Links and Buttons and decide which one of this element use in this project.

Ps. Don't forget to upvote any comments on here that you find helpful.

Greetings :D