Submitted over 3 years ago

Responsive card using Bootstrap

Raihan-21• 210

@Raihan-21

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

i appreciate if there is any feedback to make my code more effective thanks

Community feedback

Cedrick Garcia• 905

@cedgarcia

Posted over 3 years ago

Try to separate your css code from your html. Other than that, your code looks clean

Raihan-21• 210

@Raihan-21

Posted over 3 years ago

@cedgarcia At first, i thought that i only need a few custom styling thats why i didnt make separate css file. Thank you for your suggestion

ApplePieGiraffe• 30,565

@ApplePieGiraffe

Posted over 3 years ago

Greetings, Kucabara21! 👋

Good work on this challenge! 👏 And congratulations upon completing your first Frontend Mentor challenge! 🎉

A couple of things I'd like to suggest are,

Getting rid of the horizontal scroll bar that appears along the bottom of the screen in the desktop layout (such as by adding overflow-x: hidden to the body).
Giving the card component a fixed width so that it's size is more consistent across screen sizes. 😉

Keep coding (and happy coding, too)! 😁

Raihan-21• 210

@Raihan-21

Posted over 3 years ago

@ApplePieGiraffe thank you very much for your solutions on horizontal scroll bar that has been my issue. Thank you again for your suggestions and i will try to improve my coding skills

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