Skip to content
Submitted almost 4 years ago

Profile Card with HTML and CSS

isabela lima•35
@isabelalims
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I'm studying HTML and CSS for a short time and this is my first challenge. I still don't know how to adjust the page correctly, the card was slightly out of line with the model sent by the Front End Mentor. If anyone can help me, I will be extremely grateful. =)

If you have any improvements to make in my code, I accept your suggestion. Thanks!

Community feedback

  • Matthew Van Pelt•575
    @Mattvp21Posted almost 4 years ago

    Hi Isabella,

    My suggestion is to look into css @media queries. w3schools.com has some really good documentation. What I would do is set the @media screen (max-width:550px) { set card to the center using transform:translate or justify-content:center }

    Hope this helps. Happy coding!

    Matt

    1
    isabela lima•35
    @isabelalimsPosted almost 4 years ago

    Hi @Mattvp21 !

    I'll follow your instructions and soon after I'll post the updated code here. Thank you very much for your help!

    Isabela

    1

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