Mobile first, responsive with pure CSS

Hi, ippo👋

Well done on this challenge! Your solution looks good👍

I only suggest some things 😉:

• You don't have a h1 on this project as it stands. Headings provide valuable information by highlighting important topics and the structure of the document. For this project, I'd set it where is the person's name.

• There're too many Media Queries on the background position. I'd think you should see others solutions to see how they approach that, because too many media queries are not the best approach I think.

I hope this would help you, have a nice day, keep coding!💙

you can give the circles width and height with vh and vw instead of pixels to make it responsive or if you want to use media queries you can use these: @media(max-width:767px){} @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} those will fit all screens

Si, tu ingles me da los ojos lleno de lágrimas :) Pero si te querrás escribir mejor ingles, puedes considerar usar Grammarly.

There are too many Media Queries and the background is not scaling good and blanks out for me.

I have not done this challenge myself yet, but i recommend looking at other peoples solutions. You have submitted a solution so previous ones are unlocked for you!

A lot media queries background position fixed.