Skip to content
Submitted about 2 years ago

Used flexbox to space the contents evenly

Brannon•80
@ekkas303
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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
    @JonyangoPosted about 2 years ago

    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
    @hyrongennikePosted about 2 years ago

    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,340
    @correlucasPosted about 2 years ago

    👾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

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