Skip to content
Submitted about 3 years ago

Pure HTML and CSS solution

Ivelin Mitev•140
@ivelinsm
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi!

Do you know any good tutorials on mobile-first design? I have never done that and I would like to try.

Because, as you can see, my code isn't very "responsive" and I used some pretty dumb ways to make it look a little bit better.

Community feedback

  • Harsh Jain•475
    @thisisharshjainPosted about 3 years ago

    Heyy ivelinsm, That's a pretty neat solution. There's a whole playlist on mobile-first build by Net ninja on youtube. Check that out! Also, a few tips to make your solution look better on mobile devices:

    1. You can decrease padding of #content so content inside have more space
    2. You can decrease overall font-size (like html { font-size: 50%; } ) Nice work buddy, keep grinding 💪🏻
    Marked as helpful
    1
  • Tipu Sultan•130
    @T3sultanPosted about 3 years ago

    Great works

    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