Skip to content
Submitted over 3 years ago

MY First trial on frontend mentor

achoka2•20
@achoka2
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

Hello guys, am new in frontend development still learning. currently am focused on gaining proficiency in html and CSS. I would like to know: 1.How i would have used the svg to my background since i didn't now have any idea 2.How to better in position especially relative and absolute position 3.How to be better at flexbox, any ideas of better content.

general feedback on my project disclaimer: my external CSS failed to work so decided to use the other one.

Community feedback

  • Vinicius Scarabelli•130
    @S0NESPosted over 3 years ago

    In the background you can set the svg using background: url(svg) url(svg) color; so the body would have 3 background. then you can position each one of them with background-position: 'first background', 'second', 'third'; like background-position: top left, bottom right, center; . if you want to get better in flexbox i recommend this site: [flexbox froggy] (https://flexboxfroggy.com/) for position absolute you can try this youtube video if you didn't see it CSS Positioning: Position absolute . for the last thing, try to make external css instead using 'link' tag. like <link rel="stylesheet" href="css/style.css" /> . You did a great job :3

    0
    achoka2•20
    @achoka2Posted over 3 years ago

    @S0NES Thank you very much. Will keep on updating the site as i learn more. Much appreciated.

    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