Skip to content
Submitted over 3 years ago

My solution to profile_card_component challenge HTML, CSS, Bootstrap

Vitali•130
@Vitali147
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

Hi there, I am new to coding and would appreciate any feedback!

In particular, struggling with understanding responsiveness. Managed to ensure all elements i.e. circles and card keep their position when you drag to reduce the size of the viewport, however, when in google dev tools selecting mobile size, profile card becomes smaller and changes position. Anyway, hope someone will be able to assist or point out the problem!

Thank you!

Community feedback

  • Keizzmann•110
    @KeizzmannbanjoPosted over 3 years ago

    Hi vitali,

    I'm also on the project. Though i actually discovered how to use the svg images as background images but my issue is also with the responsiveness.

    Great job by the way, your hard coded layout looks too good to be true.

    0
    Vitali•130
    @Vitali147Posted over 3 years ago

    Thanks Keizzmannbanjo, appreciate your feedback!

    1
    Keizzmann•110
    @KeizzmannbanjoPosted over 3 years ago

    @Vitali147 Well done

    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