Skip to content
Submitted over 2 years ago

HTML CSS

Artem Makhaydinov•30
@ArtemMakhaydinov
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

Third challenge and first time I was realizing what exactly I'm doing and why. Didn't google much this time, didn't copy another's code, but the task is fairly simple. Feel free to comment guys, will be grateful for any response.

Community feedback

  • George Stawowczyk•210
    @Jorgus1710Posted over 2 years ago

    Hey Artem, the card looks fantastic!

    I noticed however that mobile views aren't optimized. You can achieve this in CSS by using media queries. Have a look on YouTube using "CSS media queries" as your search and you will find many guides that show how to go about adjusting the layout to work with all device sizes. I'm sure you wont find it confusing. Once you have that I'd recommend always building out your designs from a "mobile first" workflow. You will find it much easier this way and it will be a good habit to get into right from the get go.

    Keep up the great work!!! :)

    Marked as helpful
    1
    Artem Makhaydinov•30
    @ArtemMakhaydinovPosted over 2 years ago

    @Jorgus1710, great thanx for your response! I just didnt learn about adaptive layout yet. But I will for shure :) Thank you for advise!

    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