All comments

• 

  Lucas 👾• 104,420

  @correlucas

  Submitted about 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

  528

  

  Michał• 110

  @xXkosziarzXx

  Posted about 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,420

  @correlucas

  Submitted about 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

  528

  

  Michał• 110

  @xXkosziarzXx

  Posted about 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

  This comment has received 2 repliesShow