@sayeedmunees
Posted
The dimensions of the card are so accurate, as well as the dimensions of the image. When screen size the contents are coming outside the card, you may can fix this by, not hard coding the height and width. Also, try using media queries to make the webpage responsive. Check out this MDN web docs link to know more - (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries). You may learn more about it from YouTube too. Talking about color you may can use a color picker to make it similar to the given. Front-end Mentor provides a style guide, which contains the colors used.
Marked as helpful
@shadazls
Posted
@sayeedmunees
Thanks for your reply, I am going to start the learning path about responsive, I will check the documentation link you sent me about media_queries thanks !
Also I know about the style-guide but since I am colorblind, I don't know which color I should use and where, so I am now using a color picker.