@mathematiCode
Posted
Hello Kaustubhya, your project looks very close to the design, nice job!
I noticed you have multiple h1 tags which can be considered an accessibility issue. https://www.a11yproject.com/posts/how-to-accessible-heading-structure/#one-h1
I did this project using grid and subgrid, I like how you did it using flexbox and it seems like it was smooth that way too!
Another thing I did differently is I did my button:hover all in one by changing the background color to be transparent. I had to use !important to get it to override the rule for the id though.
I saw that you used 15 pixels for the paragraph font size. I just learned from Kevin Powell on youtube that you shouldn't use pixels for font sizes because if someone has their browser set to make text larger due to vision difficulties, it won't change if it's set in pixels.
Overall, great job! The layout looks great at all screen sizes and the cards are centered nicely!