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

Profile Card Component

Omar 140

@Omar-Miled

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 completely went on insane on this project, i don't know but my body keeps losing its size of 100vh when i resize it which makes my card move to the left since the body which is my grid no taking the whole viewport and when i remove my pseudo elements before and atfer it seems to solve the problem. so please if anyone knows the answer le me know i've been trying for at least 5 hours and i couldn't find an answer i feel like i'm still lost when it comes to pseudo elements and the way they work, Thank you.

Community feedback

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