pure css

Hey @abbaskhan349, some suggestions to improve you code:

• To make easier, just apply the border-radius to the card container along with overflow: hidden and this will create the perfect border-radius for both mobile and desktop view.

• The “30-day, hassle-free money back guarantee” is not a heading. It should instead be wrapped in a Paragraph Element.

• The button was created with the incorrect element. When users click on the button they should directed to a different part of your site; that Anchor Element will allow this to happen.

• Your button needs to have a cursor: pointer and a :hover. You will also want to remove the default border all buttons have.

• The “Why Us” list should be created using an Unordered List Element along with the List Items Element.

• It is best practice to have separate files for you HTML and CSS code. It helps keep things organized and make it easier to maintain.

Happy Coding! 👻🎃

Hello @abbaskhan349,

You can add border-radius on your left and right class:

.left{
  border-radius: 0 0 0 10px;
}

.right{
  border-radius: 0 0 10px 0;
}

• I tried to apply the border-radius on your bottom container but didn't work
• Remove the background color you have and add this background-color: hsl(204, 43%, 93%); to the body
• Make sure add media queries for the mobile design as well

I hope this helps you