Submitted over 3 years ago

My First Frontend Mentor Challenge

shiva santosh jana• 375

@santu369

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

This is my first Frontend Mentor challenge.

Struggled a little with the background SVGs placement. There can be many other ways of doing this but I wanted to practice my skills so I took my time to make the page like as close to the design as possible.

Feedback is welcome. Please mention anything which is not a good practice.

Community feedback

Nadya Mumtazah• 245

@NadyaMumtazah

Posted over 3 years ago

can u pls tell me how u check the responsive?

shiva santosh jana• 375

@santu369

Posted over 3 years ago

@NadyaMumtazah

To check responsiveness for the site, open it in browser of your choice and right click any where, select Inspect or ctrl+shift+i on windows. This will open developer tools. Click toggle device toolbar icon or ctrl+shift+m and select any mobile device or set custom width and height or drag the corners.

For more detailed explanation please check out below links.

Chrome DevTools for chrome
Firefox Developer Tools for firefox

Nadya Mumtazah• 245

@NadyaMumtazah

Posted over 3 years ago

@santu369 nice, thank you very much!

Please log in to post a comment

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