Fylo data component

Community feedback

• 

  Hexer•3,660

  @EmmanuelHexerPosted almost 3 years ago

  Great work man. But there seems to be only one problem. The "185gb left" is not on the right place.

  Marked as helpful

  0

  ---

  

  Lucas Busso•140

  @lucasbussoPosted almost 3 years ago

  @Phalcin Thanks! in the preview it moves, it's weird. In full screen it looks good, and in responsive too.

  0
• 

  Gareth Carter•235

  @gcarter89Posted almost 3 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