@FluffyKas
Posted
Hiya,
Using max-width is a great way to make something responsive. Percentages are... well, they have their use cases for sure (I think for paddings they can work well) but for setting a width on a component in % is probably not something you wanna do as it will allow the component to stretch as the screen size gets wider.
Your solution looks good btw on desktop and mobile, I'm just not sure about the size in-between, when the 3rd card goes into a new row. I have a few more suggestions:
-
Use relative units! I know pixels seem easy but they're not responsive.
-
Your alt texts: I'd leave them empty here, they're decorative only. Also, you don't need to include words like image, logo, etc in alt texts as the screen reader will tell its user it's an image.
-
Your buttons use the browser's default font-family, don't forget to change them :)
Marked as helpful