Skip to content
Submitted over 2 years ago

Profile Card Component Using Flexbox

riverCodes•300
@riverCodes
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

Any feedback is appreciated! The background images were the trickiest part of this challenge for me :D

Community feedback

  • Amanpreet Singh•550
    @AmanpreetSingh1995Posted over 2 years ago

    Great Job!, I was checking your code but wasn't able to find where the bubbles on the top and bottom were, can you tell me?.

    1
    riverCodes•300
    @riverCodesPosted over 2 years ago

    @AmanpreetSingh1995 Hi, those bubbles are SVG's provided in the starter files. I used them as background images on the <html> element using CSS. You should see them in the CSS File.

    0
    Amanpreet Singh•550
    @AmanpreetSingh1995Posted over 2 years ago

    @riverCodes that's correct. I was inspecting your code but could not find it. I would not recommend you to use it in html tag. I would recommend you to use it in your own made class. So devs can find it easily because not everyone checks html or body tags . I donot check files and i just inspect it in the browser. It gives me ideas directly where the problem is.

    1
    riverCodes•300
    @riverCodesPosted over 2 years ago

    @AmanpreetSingh1995 alright, will be mindful of that thanks!

    0
  • Arthur•290
    @ArthurPogPosted over 2 years ago

    Good job, man! Very neat solution with the background bubbles.

    1
    riverCodes•300
    @riverCodesPosted over 2 years ago

    @ArthurPog thanks!

    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