Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML,CSS using flex-box

subham 220

@saurabhsubham113

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

@ViniciusGavaPereira

Posted

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

0
Coder 270

@qb-rivkyb

Posted

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

@saurabhsubham113

Posted

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
Discord logo

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