Skip to content
Submitted almost 4 years ago

HTML,CSS using flex-box

subham•220
@saurabhsubham113
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

I've implemented the solution using HTML and CSS Flex-box. Any feedback is welcomed.

Community feedback

  • Vinicius Gava Pereira•20
    @ViniciusGavaPereiraPosted almost 4 years ago

    How can I make the transparent bubbles above and below to be cut by the screen?

    0
  • Coder•270
    @qb-rivkybPosted almost 4 years ago

    Hey! Nice work! 🎉 The easiest way to implement the horizontal line would be to add a border bottom to that middle section and that would come after the padding.

    0
    subham•220
    @saurabhsubham113Posted almost 4 years ago

    Thanks for your Feedback, Well, I Solved my issue actually, I have added the padding to the whole container that's why the border was not taking up the whole space. But now I've removed the padding and everything works fine.

    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