
jimmy
@jimmyhachemAll comments
- @Feyisara2306@jimmyhachem
-
in the body : 'display:flex; justify-content: center; align-items: center; height: 100vh' , But you would have to correct the width and height of the 'wrapper'.
-
Put everything in a div and add 'display:flex; justify-content: center; align-items: center; , width: 100%.
-
in the wrapper : 'position: relative , left:50% , top:50% , transform: translate(-50% , -50%)'
Hope this helps :)
Marked as helpful -
- @isauraisabel5@jimmyhachem
try putting the photos below the orange one , in a single div then put 'display: flex' 'flex-wrap: wrap' on that div with a width of 50% for each one of them . Then change it to flex-direction: column and width 100% in a media query of 800px or 900px. If you don't know how to do it, check my code. It's in the hero section with class='hero' and each image has a class='box' Hope this will help you!
Marked as helpful