All comments

• 

  Lucas Busso• 140

  @lucasbusso

  Submitted over 2 years ago

  Try my best here. Any feedbak for optimization?

  

  Fylo data component

  2

  6

  0

  

  Gareth Carter• 235

  @gcarter89

  Posted over 2 years ago

  @Phalcin Good work! Although, I agree with Emmanuel. The 185gb left is not in the right place and is causing some overflow on the right-hand side. This is on a 1440px width screen.

  It looks as though the flex container is making the two left and right containers grow and shrink, while the '185gb left' container is fixed in place. So the problem is that when the screen grows and shrinks, the containers are filling the available space while the '185gb' container stays in place and then overflows the page given its absolute positioning.

  One of the steps I'd suggest is setting the 'R' container to position: 'relative'. This will make the '185gb' container hold its position relative to the 'R' container. You could set the 'top' and 'left' css properties to be relative to the 'R' container, rather than to the nearest 'relative' container which is the body element.

  From there, you can use percentage values on the top/bottom left/right variables to fix the '185gb' container to a position proportional to the 'R' container. Which might help fix it in place.

  I hope this helps!

  1