Frontend Mentor | Advice-Generator

Community feedback

• 

  Basha•330

  @BashamegaPosted about 1 year ago

  Hello:) It looks great. I think that you should use desktop divider on the desktop version

  0

  ---

  

  m1mmseen•460

  @m1mmseenPosted about 1 year ago

  @Bashamega Thanks for yout feedback :) I'm confused, i thnk i do so:

  @media (max-width: 600px) {

  (...)

  .divider-desktop { display: none; }

  .divider-mobile { display: block; }

  i only set a unusual breakpoint, because dont want to resize the svg files ;)

  0

  

  Basha•330

  @BashamegaPosted about 1 year ago

  @m1mmseen Hello:) It is not working because you used it the wrong way. You can learn the media query from w3schools from here This is an example of how you should use it

  @media only screen and (max-width: 600px) {
    .divider-desktop { display: none; }
  
    .divider-mobile { display: block; }
  }
  .divider-desktop { display: block; }
  
  .divider-mobile { display: none; }
  

  0