Skip to content
Submitted over 3 years ago

grid, flex

Jerome Ramos•315
@fallenZeR0
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Chat app CSS illustration
  • HTML
  • CSS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

need help on google dev tools. i had a hard time where should i look while doing my media queries. at first it seems ok but when i go to mobile everything is messed up

Community feedback

  • argel omnes•1,800
    @argelomnesPosted over 3 years ago

    Hey Jerome,

    I'm assuming you're resizing Chrome here and is looking for the window size. If not, please elaborate. If you hit ctrl+shift+i and resize your window or the dev panel (mine is docked to the right), you'll see the window size at the top right. Continue resizing until your layout breaks. Then adjust your media queries. You can also click the mobile icon to show the device presets.

    Marked as helpful
    0
    Jerome Ramos•315
    @fallenZeR0Posted over 3 years ago

    @argelomnes yeah that's what i am doing but i feel like it is not accurrate for me i dont know maybe i should study more about dev tools. Thanks btw.

    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