All comments

• 

  Xavier Guzman•160

  @XavierGM23Submitted about 4 years ago

  Hi, How can i fix the resizing when the width is less than 1300px? Thanks for your advices :)

  

  Pure HTML and CSS for manipulating grids, positions and more...

  1

  10
  

  MariusT•35

  @MariusTNPosted about 4 years ago

  I'm not someone that is good in HTML / CSS so I'm just guessing now as I did this with Flex box today. On Grid you can use templates, so you label each card and make a template for them? In theory that should fix your issue.

  .grid-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: ". ." ". ."; }

  I think that code will do the trick in your @media screen and (max-width: 1155px)

  and for the mobile view that I think would be ~600px just 1 column, 4 rows and your template should be grid-template-areas: "." "." "." ". ";

  That is what I would try tbh, hope it helps.

  1
• 

  MariusT•35

  @MariusTNSubmitted about 4 years ago

  What should be changed? Did my best with my current knowledge, i want feedback as I have no friends to talk about code...

  

  Base-Apparel - my design - Flex / SCSS / JS

  2

  10
  

  MariusT•35

  @MariusTNPosted about 4 years ago

  Oh right, its empty at first view because of animations.

  0