Using grid and flexbox

Community feedback

• 

  Raymart Pamplona•16,100

  @pikapikamartPosted over 3 years ago

  Hey the reason that your elements are overflowing especially when resizing is that, they are position absolute. When you place an element into position: absolute, then that element will go out of flow. So how to resolve this problem of occurence? Well you could make the parent container not a display of grid, just make it display: block so that elements of will have each row and make the element's position either position: relative or position: static. Relative and static is the right flow, and absolute goes out of flow.

  1

  ---

  

  Raymart Pamplona•16,100

  @pikapikamartPosted over 3 years ago

  Also, maybe removing the top properties of the child so that it wont jump. When you make use of it, make sure that the parent container, or the the desired container where you want it to be top, is position: relative. So that, that element will be relative according to its parent^

  0

  

  Code-decode•145

  @sayedleePosted over 3 years ago

  thanks a lot, i will try to fix it.

  0

  

  Raymart Pamplona•16,100

  @pikapikamartPosted over 3 years ago

  @sayedlee just ask if you need more help or clarification^

  0