Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile card using css

@webkingcoder

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


my question is the bottom bubble (light blue circle is irretating me) because it allow scroling the page but i dint want to scroll it so how to tackle it ?

Community feedback

@Esesosa-max

Posted

You tried But You Can Check My Youtube video on The Card

Youtube

0

@Godfredgameli

Posted

The SVG should be set as background images of the main container and the blue should be set as the background color to the body element. It should look similar to something like this: body { background-color: #19a2ae; }

.main-container { background-image: url(images/bg-pattern-bottom.svg), url(images/bg-pattern-top.svg); background-repeat: no-repeat; background-position: 600px 450px , -400px -550px; }

and position them to your taste

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord