I find it difficult to overlap different div ,but later solve the problem by using position relative and absolution. Just working on the responsiveness and will soon make it to that stage in a the next challenge. My question is could anyone please refer me to any site or youtube page that could explain Media query perfectly?
When I first load your live site it loads with the titles not inside the boxes. if flip it into mobile mode (which I know you didn't work on) and then back into desktop mode it fixes it. I had a similar issue and ended up using display: grid; on the outer container to fix it. It looks good once the display issue is fixed.
Since your repo exists but is empty I cant look at the code to see if it can be improved at all...
I really like your solution. I used brighter colors in mine but your colors are closer to the original. I have a few notes... for your circle you need to set the width and height so that it is a circle yours is an oval. I set mine using .cirlce_class { height: 6rem; width: 6rem; border-radius: 50%; }
Second is the text at the bottom of your purple rectangle... it presses right up against the sides of box... you can fix this a few ways. you can add padding to the container which will push the edges away from the text you can use a margin or padding to create space around the text from all objects.
Other than these two things I think it looks really good.
