All solutions

The hardest challenge i did so far.

Maybe it's not the best way to do it. I think i abused with javascript.

Hello guys, After some exercises, i decided to move to something easier to learn better the fundamentals of css.

This is my shot to this one.

I tried to use display grid to learn it.

If I were to start over, I would use a completely different approach.

I had a lot of problems with the dimension of the columns and rows. I still don't understand how he calculates the value of 1fr.

Maybe i have to switch to something easier.

Anyway, this is my solution...

My solution to this project.

It seems that the paragraph .result (You selected x out of 5) in the .card2 is no perfectly centred (it's a bit up with respect to the middle horizontal line).

Do someone know why?

The hardest for me so far.

I learnt a lot from this exercise:

• footer should be a real footer and should not contain core informations

• it's better to use min and max width/height to let the broswer decide the best dimensions of the elements in order to have a more responsive layout

• do not over use divs

• do not write text in divs

• do the mobile design before the desktop.

I'll try to apply this concepts in the next exercise!

Variable height

root variable

Difficulties: using properly position: relative and position: absolute

Still some problems in resizing vertically the broswer (part of the page will be not accessible anymore)