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

Used flexbox to space the contents evenly

Brannonβ€’ 80

@ekkas303

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


I wanted to check the responsiveness for my project but there was some security issues from github not allowing me to check my website through a responsive website checker for different devices.Could anyone show me how you checked yours.

Community feedback

Jinet Onyangoβ€’ 160

@Jonyango

Posted

Hello Brannon. I use a chrome extension, mobile simulator, to check for responsiveness on my websites. Mobile Simulator that is the link. I hope this helps you.

Marked as helpful

0
Hyronβ€’ 5,870

@hyrongennike

Posted

Hi,

You can use the chrome developer tools to test the responsiveness see the link below.

developer tools

You can also just resize you browser when the project is open but I would advise using the developer tools

Marked as helpful

0
Lucas πŸ‘Ύβ€’ 104,420

@correlucas

Posted

πŸ‘ΎHello Brannon, congratulations for your first solution! πŸ‘‹ Welcome to the Frontend Mentor Coding Community!

All you need to do is use Google Chrome or Firefox Devtols activating that pressing f12 and them ctrl + shift + m to have the mobile panel and simulate any mobile screen.

https://chrome.google.com/webstore/detail/mobile-devtools

✌️ I hope this helps you and happy coding!

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