Single Price Grid Page using pure HTML and CSS

Hi, @erenymo. It's a good solution. Keep coding. I have some suggestions for you.

1 - You should use h1 tag in your page. It's necessary for screen readers and search engines. Be careful your page hierarchy. You can use h1 tag instead of h2 in your page.

2 - You can use the universal selector for the global reset.

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

box-sizing: border-box; is so important. This topic is related to the box-model. It is one of the most important topics in CSS. Be sure to understand the fundamentals of CSS. This will make you feel more comfortable. Please check the resources.

The box model

The box-sizing property

Learn CSS Box Model In 8 Minutes

box-sizing: border-box explained

3 - If you want to learn CSS fundamentals in depth, I highly recommend Jonas Schmedtmann's HTML&CSS courses on Udemy.

Jonas Schmedtmann's courses

I hope these will help you to improve your perspective. Keep coding. All the best.

Maybe you should try to learn CSS GRID and apply it to this project. Usign in desktop a 4x4 grid meanwhile in mobile use a 1column x 3 row, change that using media queries. Use this resource to learn grid basics https://cssgridgarden.com/#es When you check that the rules that im reffering to are

grid-template-area
grid-area

or just the columns or just the rows

Hi! I think you should start making it mobile-first and then move on to the desktop design with media queries as @J-HernandezM mentioned. If you have any further questions, I will do my best to help you! Cheers