Submitted almost 4 years ago

Order summary card with HTML and CSS

@AndreiM987

A solution to the Order summary component challenge

Solution retrospective

I could not round the border top of svg image, instead i convert the svg to jpg and apply css: border-top-left-radius: 10px; border-top-right-radius: 10px; Do you know how to do that?

Code

Please log in to post a comment

Community feedback

P
Katrien Schuermans•1,420
@katrien-s
Posted almost 4 years ago
Since you set a border-radius on your .container, you can just use overflow: hidden on the .header
```
.header {
  overflow: hidden;
}
```
Marked as helpful

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