All solutions

My first intermediate project !

Tell me if u have issues with mobile please :)

Second junior integration using flexbox and grid

My first Junior project using only CSS

First time trying Grid. I have some questions about it.

1. How can we use Grid without fixing an height for the section ?
2. How can I place the picture and the name because when I use all displays there is always a problem -> name and "verified graduate" are one over the other but below the picture and I think using position absolute for the picture is not the solution.
3. For responsive how can I configure heights of the containers ? If I use 1fr it should work only with an explicit height.. I tried to fix a height like 100% or 200vh but not working (maybe fixed height px?)

If you have any advice please tell them in comments !

My third work using Flexbox, I put all cards in position : absolute and then with a transform : translate I placed them. If there was an easier solution you can comment !

My second integration using Flexbox

My first integration using flexbox !