Responsive page

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Gvantsa, congratulations for your solution!

  Your component is really good the mobile version, you need only to set the mobile version. To do that you've to set the flex-direction: column to put each card flow vertically.

  Look also that the shadow is a bit strong, try this value instead

  .item-container {
      box-shadow: rgb(0 0 0 / 5%) 0px 5px 35px;
      flex-direction: column;
  }
  

  Hope it helps and happy coding!

  0

  ---

  

  Gvantsa•210

  @iragvantsaPosted over 2 years ago

  @correlucas Thank you again, Lucas. I've adjusted the box-shadow settings. As for the mobile version, I do have it. https://drive.google.com/file/d/1hCj7KaUYWWFo-NehGnfq85r5T_FwQQGc/view?usp=sharing

  0

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @iragvantsa Ah okay! Its because the media query takes too much time to get active, note that after 500px your component starts to break before it gets the mobile version, so you can fix it activating the media query a little bit before the component breaks.

  0

  

  Gvantsa•210

  @iragvantsaPosted over 2 years ago

  @correlucas Yes, I am going to review all the solutions and change the media queries accordingly.

  0