Skip to content
Submitted about 3 years ago

HTML and CSS only

Amaka•100
@amakaogujiofor
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

Please I would love to know areas that I can get better in based on this challenge submission. Thanks

Community feedback

  • Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    Hi @amakaogujiofor,

    Great job finishing the project! Some suggestions I would like to share are of the following:

    • you can add object-fit: cover to prevent images from looking stretched. You can add this in your code.
    .img-hero {
    object-fit: cover;
}
    • Heading tags are not in order. This is important for assistive technology users to navigate the website. You should not skip any headings.

    I hope it helps :)

    0
    Amaka•100
    @amakaogujioforPosted about 3 years ago

    @fidellim Thanks a whole lot Fidel. I'll correct that. Thanks

    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