Challenge #2 - Profile Card — Kristine Kolodziejski

Welcome to challenge #2! Woah, the creativity you put into challenge #1 was INSANE!! I was certainly not expecting to see so many stunning things in the first challenge 🤯

In today’s challenge, we are going to build our own profile/about me card! Cards are one of the most used elements in front end development and while a lot of the time we would use a framework like Tailwind or Bootstrap, it’s very useful to know how to build one from scratch with just vanilla CSS 🫡 (frameworks will also be part of our challenges later)

See the Pen Front End with Kristine - Challenge 2 Profile Card by Kristine Kolodziejski (@powerpuffkk) on CodePen.

Key things to remember:

Personalise it - this card is about you, so make sure you update all the details! For your profile picture, you can use a free image hosting service like imgur.
Keep it SIMPLE . We will be reusing this card at a later date and adding more to it, so try to not overcomplicate it!
Be creative - use some cool colours, backgrounds, borders or whatever you want! 🤩🦄

With that in mind, have fun and tag me in your results!! 🫡🚀

Your sandbox 👇

See the Pen Front End With Kristine - Challenge 2 (Your work) by Kristine Kolodziejski (@powerpuffkk) on CodePen.