Only Media Query

Community feedback

• 

  Rachit Patel•540

  @rachit0706Posted almost 2 years ago

  Also, you can use <picture> element for different screen sizes instead of media queries. Like below-

  <picture>
    <source media="(min-width: 600px)" srcset="desktop.jpg">
    <img src="mobile.jpg">
  </picture>
  

  1

  ---

  

  O Grande Soldador•280

  @brendowePosted almost 2 years ago

  @rachit0706 As I was about to change other things, I thought of using it in the media query, but this form seems to me to be faster and simpler to implement. Thank you very much for the tips my friend.

  0
• 

  Debjit Biswas•50

  @debjitPosted almost 2 years ago

  Hey, Grande Soldador, You made a really nice card. Good work. However, I should mention some areas for development. Your card needs to have a margin added to it for mobile so that space can be left around it. For further explanation, watch Kevin Powell's YouTube video, "Responsive Product Card Component - Frontend Mentor Challenge," in which he explains this in great detail. He literally just posted an hour ago. Best of luck for your next challenge.

  1

  ---

  

  O Grande Soldador•280

  @brendowePosted almost 2 years ago

  @debjit His channel is really good, thanks a lot for the recommendation. Also thanks for the tip in the margin, I plan to tidy up my code using Kevin's channel as a guide. Thanks a lot for the tips my friend.

  0