Skip to content
Submitted over 3 years ago

Float position html 5 css 3

zebra not donkey•145
@zebra-not-donkey
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I finished this after a lot of struggling and finally finished And I need some feedback first, iphone4 needs some margin to make it more good-appearance but it makes reflect you can go and see how to make this?

and if you have any comments please leave them because it helps us more than coffee!

Community feedback

  • j5•2,290
    @jmnyaregaPosted over 3 years ago

    Great job on the challenge @zebra-not-donkey

    I have a few suggestions:

    • Use object-fit: cover on the image to prevent it from stretching on bigger screens.
    • Try to use flex layout, it will make your life easier.
    • From my experience, padding works better with rems and ems than percentages.
    Marked as helpful
    0
    zebra not donkey•145
    @zebra-not-donkeyPosted over 3 years ago

    @jmnyarega thanks And I had learn flex, which makes my life easier 😘😘😘

    0
    zebra not donkey•145
    @zebra-not-donkeyPosted over 3 years ago

    @jmnyarega thanks And I had learn flex, which makes my life easier 😘😘😘

    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