Skip to content
Submitted over 3 years ago

Profile card component

YusufWebDev•170
@YusufWebDev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Please leave a comment. this is my very first attempt at any html and css after doing a bootcamp on udemy.

i struggled alot through this challenge. i was busy for 6-7 hours (its currently 4:30am as im posting this). i am happy with the results of my first attempt. the learning curve is huge for me at the moment therefore i welcome all comments and suggestions.

i am using vscode and irfanview to eyeball the fonts and sizes.

thank you for your positive criticism.

Community feedback

  • Daniel Hirekaan•185
    @hire-blacPosted over 3 years ago

    Hi Yusuf, great work. I know how frustrating setting up the background can be so here's the CSS code I used for mine body { font-family: "Kumbh Sans", "https://fonts.google.com/specimen/Kumbh+Sans"; font-size: 18px; background: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg"), hsl(185, 75%, 39%); background-repeat: no-repeat, no-repeat; background-position-x: -350px, 650px; background-position-y: -500px, 300px; }

    1
    YusufWebDev•170
    @YusufWebDevPosted over 3 years ago

    @hire-blac

    i was unaware that i could use multiple background urls in css. i will implement the code snippet you added in your comment.

    Thank you, I appreciate the feedback !

    0

Please log in to post a comment

Log in with GitHub

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