Skip to content
Submitted over 3 years ago

Profile Card Component with HTML and CSS

Melvin•270
@MelvinMelonGit
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!

Thanks for viewing my solution and commenting :)

  1. I have done this challenge using background images in the body. I'm wondering how can I achieve this with CSS Pseudo elements? I tried using ::before and ::after to add the big circles before resorting to my current method because I could not prevent the overflow even though I set the body to overflow hidden.

Please let me know what can be done?

  1. Please also advise how I may improve my code.

Thanks!

Community feedback

  • Francel•370
    @HaemoffyPosted over 3 years ago

    You receive some scrolling when you try to implements those circles at pseudos?

    0
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Hi @Haemoffy,

    Yes, I do see some scroll when I sue pseudos.

    0
    Francel•370
    @HaemoffyPosted over 3 years ago

    try applying overflow-x: hidden at your html

    html { overflow-x: hidden; }

    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