@teoh4770
Posted
Hi Khaled,
In this case, I would start from the mobile design first, design the card from top to bottom. Then I would use media query to produce the grid layout.
Mobile Design -> Desktop Design, this way you would saving yourself tons of time to media query stuff.
To understand the media query, I would suggest one of the video of Kevin Powell (CSS guru for real) on Youtube called Responsive Design Made Easy, a 45 minutes video you can follow to see how he reproduce a web design from the ground up, from HTML to set the structure, to CSS to set the color and spacing, to eventually media query for complexity.
this is the link : Responsive Design Made Easy
I gain a lot of insight from it, which helps me restructure my thinking to approach the frontend mentor challenge.
Sincerely,
Chee Kian Teoh