@codewithpedro
Posted
Hi Ernest,
You did a good job overall. The design is well done and the html is good.
The CSS can be modified a bit. You don't need many media queries to accomplish a size change. You actually would only need one for this project. You can have a mobile design first (no media query just the css) and add the media query for tablet/desktop (either a minimum width of 600px or 900px). Lastly, don't use a percentage width for your card component size, instead use a fixed size width and increase the size in the media query if you want.
Here is a good article about media query. Good Luck!
https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/
Marked as helpful
@gbabohernest
Posted
@jovanydev Thanks. this is helpful 👍