Skip to content
OverviewSolutions
9
Comments
2
Michał
@xXkosziarzXx

All comments

  • Lucas 👾•104,340
    @correlucasSubmitted over 2 years ago

    👾 Hello, Frontend Mentor coding community. This is my solution for the Profile Card Component.

    Feel free to leave any feedback and help me improve my solution or make the code clean!

    😁 I had a lots of fun building this challenge! I changed almost all design with the FRESH PRINCE THEME

    😪 I had some issues position the circles as background so I just export the background from Figma. My bad.

    I added some features:

    • 🎨 Custom hover on profile image using the general sibling selector.
    • 👨‍🔬 Custom hover effect on profile background!

    I'll be happy to hear any feedback and advice!

    Fresh Prince Card Component (Vanilla CSS + Easter Eggs)

    4
    Michał•110
    @xXkosziarzXxPosted over 2 years ago

    your suggestion background-position: top right, bottom left; it works only half way below it gives a solution even the color for you body { font-family: 'Kumbh Sans', sans-serif;
    background-color:hsl(152, 62%, 63%); background-position: -150% -180%, 190% 280%; background-image: url(images/bg-pattern-top.svg ),url(images/bg-pattern-bottom.svg); background-size: 80% 80%; height: 100vh; background-repeat:no-repeat no-repeat; display:flex; align-items: center; justify-content:space-around; } I don't know how to ship in an item like you you

    Marked as helpful
    0
  • Lucas 👾•104,340
    @correlucasSubmitted over 2 years ago

    👾 Hello, Frontend Mentor coding community. This is my solution for the Profile Card Component.

    Feel free to leave any feedback and help me improve my solution or make the code clean!

    😁 I had a lots of fun building this challenge! I changed almost all design with the FRESH PRINCE THEME

    😪 I had some issues position the circles as background so I just export the background from Figma. My bad.

    I added some features:

    • 🎨 Custom hover on profile image using the general sibling selector.
    • 👨‍🔬 Custom hover effect on profile background!

    I'll be happy to hear any feedback and advice!

    Fresh Prince Card Component (Vanilla CSS + Easter Eggs)

    4
    Michał•110
    @xXkosziarzXxPosted over 2 years ago

    hi lucas

    looking for a solution on how to make a background like this, I checked your code and noticed a little cheat on your part because your image has been modified and in this task it is probably one of the most difficult tasks

    Marked as helpful
    0