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 card using HTML and CSS

@eeyvee-0x4d

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison

SolutionDesign

Reports

Accessibility report (3)
warning

Heading levels should only increase by one

<h4>Annual Plan</h4>
Learn more
warning

Document should have one main landmark

<html lang="en">
Learn more
warning

All page content should be contained by landmarks

<div class="wrapper">
Learn more

Al Vincent Musa’s questions for the community

I doing this challenge, I encountered two bugs.

  • When setting the pattern background to background-size: cover;, the image get zoomed to much. Then the image does not stretch when zooming in n out the browser when I used background-size: fit;
  • In the subscription details, the box overflows its parent box when I add padding to it. I might be bad in explaining things but please check my work and let me know what I could do better.

Community feedback

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 180,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!