Mobile Responsive Profile Card Component

Hello @halildemr!

Your solution looks great!

The background pattern with the circles is a bit tricky, but here's how you can do it:

📌 Add this to the body:

  background-color: var(--Dark-cyan);
  background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: right 52vw bottom 35vh, left 48vw top 52vh;

I hope it helps!

Other than that, you did an excelent job!

Hi, @halildemr 👋

Congrats for completing this challenge 🎉

Actually,Not a difficult part to positioning this background images Halil just, you have to give first background image padding-top: 0, padding-left: 0 and padding-bottom:0 with absolute positioning and with giving the image size in percentages, it will work perfectly in all screen sizes. In this case, using percentage in image will play a crucial role. Just, you have to give right percentages in this 2 images.

And just vice versa you have to do in 2nd background images regarding positioning.

Hope, this tips will help you!

Happy Coding❤️