All comments

• 

  Isaac Andrade• 40

  @Isaaccna

  Submitted almost 2 years ago

  I need help to position the image

  

  Skilled e-learning landing page solution

  2

  3

  0

  

  Eriks Dobelis• 50

  @phaethon

  Posted almost 2 years ago

  I used flexbox with main content and hero image, and then used transform/traslate to move the image out of the flexbox item position to the top and right. One issue with your design is that it does not break at the same time - cards switch to 2 columns before the image is changed to the tablet image. I used large column-gap to prevent this. It then gets changed to desired column gap width at the same break condition when image is changed. Thus columns change from 1 to 2 at the same time as image changes. Hope this helps!

  0