
Yasmina S
@yvsminvsAll comments
- @yvsminvs@yvsminvs
Hi @AgataLiberska!
Thank you!! I named one of the classes as ''head'' as a random name but I understand that it can be a little bit confusing... I'm going to modify all these things that you've mentioned!
And once again, thank you so much for the tips!! :)
- @obeorchia@yvsminvs
Hi Olivier!
Congratulations on your first challenge!!
I see that you added the circles as background images which is amazing. I'd suggest you to use vh and vw instead of px when you position these. With vh and vw units the images adjust to the viewport and you can achieve the responsiveness of the background. You can check my solution to see how to implement it.
Hope it helps you!
- @CraigCodez@yvsminvs
Hi Craig!
Congratulations on your first attempt, it looks pretty good!! You can also try to do it for desktop using media queries and, in this case, CSS Grid :)
I checked your code and I'd suggest you to remove the width and the height assigned to these boxes. Instead, use min-width and min-height.
When you assign a determined width/height you are fixing these values. That's why when you reduce the page, the boxes don't ''shrink''.
Hope it helps you!