Single Price Grid Component

What are you most proud of, and what would you do differently next time?

I'm happy that I was able to finish this project meeting its all requirements. I have learnt many things doing this project. Next time, I will step back a little bit and try to spend more time analyzing the layout of the design and try to visualize the markup correctly.

What challenges did you encounter, and how did you overcome them?

Responsivity was my biggest challenge. The font size and padding of the elements differ in both mobile and desktop size. To keep it consistent, I chose the one font size for both the resolutions. In case of padding, I used : vmax; value to the padding property of all the three containers, so the containers padding size adjust as the size of the viewport varies. That's how I dealt with the different padding sizes. And also this was the first time I used vmax; value and I love it how convenient and easy it is to use it. I will play more with vmin:; vmax:; to wrap my head around it thoroughly.

What specific areas of your project would you like help with?

I really want to know more ways of increasing responsivity. How can the font-size be made more adapt to the changes of resolution?