Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order Summary Challenge with Plain CSS and Flexbox

@fmmazz

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Gabriel_BC 300

@GabrielBC2021

Posted

Just 2 things, not big problems, just liiiitle details

1.- You can eliminate the default HTML that comes in every project, so your project looks better and the same to the design that the platform is giving you.

2.- When you are including img you have to use the attribute alt="". This attribute helps your website. Lets say the img you are using is not loaded on your website, the alt attribute will display a description of your image, for example:

<img src"/images/image.png" alt="This is an image">

With this if your image didn't load on your website, will show the text and will help the user to understand what was the image about.

Little details that will make your website look better :D

Marked as helpful

1

@fmmazz

Posted

@GabrielBC2021 Thanks for the feedback!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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