/Profile-Card-Component

my first practic work from frontend mentor

Primary LanguageCSS

Profile-Card-Component:

Overview:

The challenge:

Hello, I am beginner Front-End web developer. I am studying web development. I recently discovered a web site like "Frontend Mentor". I completed the first their challenge named Profile Card Component.

Screenshot:

Links:

Here link to my work on CodePen - Profile Card Component

My process:

Build with:

Build with HTML and CSS

What I learned:

I learned about Background Position property and positioning several svg objects on background, absolute positioning, rounding the div block and image using Border Radius, how to make horisontal line without hr tag.

Continued Development:

I will need to learn responsive design and adapt the site for mobile devices. Now I don't know how to do it yet, but I will try to learn it.

Useful Resources:

Habr - This helped me to learn about positioning blocks Indigo - This helped me to learn about Border Radius Webref - This helped me to make horisontal line

Author:

CodePen Frontend Mentor

Acknowledgements:

Thanks for Frontend Mentor, because I need practic for my studies