Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Product Card Component

Akash 120

@aakashjangra

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How can I check if my website is fully responsive on every single device in the world? and even if I could, is that necessary? Thank you!

Community feedback

@JubayerRahman

Posted

hello there, you asked a very important and unique question. as far as I know, making a website responsive is to make it look good for all kinds of viewers with different devices. I generally use inspection mode to see my web page's responsiveness. it will give you a good preview of a webpage and how will it appear from a 320px device to a 4k resolution display. obesity is not completely accurate but it will do the job. I hope you understand what I wanted to say. best of luck with your future. happy coding.

0
Potato 350

@potato-manxd

Posted

If you want to check if your page is fully visible for all devices add this meta inside the head tag:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> And go to the developer tool and click on an icon with computer and mobile draw I hope this is helpful
0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord