Skip to content
Submitted 9 months ago

A responsive card created using flexbox

Peter Godspower•710
@TheBeyonder616
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

well practicing

What challenges did you encounter, and how did you overcome them?

none really

What specific areas of your project would you like help with?

any advice

Community feedback

  • Haitham Abdulhamid•210
    @Leo-yagamiPosted 9 months ago

    You forgot to set the font-family to the one provided in the resources. First import the "Inter" font from google fonts. Then type this in your CSS file:

    body{
   font-family: "Inter", sans-serif;
}

    Hope it helps : )

    Marked as helpful
    0
    Peter Godspower•710
    @TheBeyonder616Posted 9 months ago

    Thanks I won’t forget next time @Leo-yagami

    1
    Haitham Abdulhamid•210
    @Leo-yagamiPosted 9 months ago

    @TheBeyonder616 Anytime bud :), while we are here lemme give you the advice of adding padding. Try this:

    body{
   padding: 1.5rem 0;
}
    0

Please log in to post a comment

Log in with GitHub

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