Submitted over 2 years ago

Profile card component using grid and flex

accessibility, bem, progressive-enhancement

Shashikant•430

@shashikantdev3

A solution to the Profile card component challenge

Preview Code

Solution retrospective

What I learned In this project, I have learned how to embed an svg image at 45vw and 45vh on the background, below is the CSS code for it.

To see how you can add code snippets, see below:

body{ background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-size: cover; background-position: right 45vw bottom 45vh, 45vw 45vh; }

Any recommendations, feedback and advice to improve my project or skills are welcome. :D

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Shashikant's solution.

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