Skip to content
Submitted about 4 years ago

CSS Assignment

Dare•175
@fodare
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had some troubles getting the css "border-radius" to work for the main page. Any tips and solution welcome.

Community feedback

  • Dare•175
    @fodarePosted about 4 years ago

    Hello Muba,

    Thanks for the Tips. would try it out.

    Cheers, Dare.

    0
  • Mubaraq Wahab•480
    @mubaraqwahabPosted about 4 years ago

    Hey.

    I'm guessing you added border-radius to #Single-Price and it didn't work. It looks like some <div>s inside #Single-Price have their background-colors set and no border-radius, so their sharp edges flow out of #Single-Price. A quick fix would be to add overflow: hidden to #Single-Price.

    Second thing. I noticed you used a <table> to layout the "$29 per month". I've read it's not good (for accessibility, for example). Use a <table> for "tabular" data. In your case, you can use <div>s instead, or <span>s, or something, and style with CSS.

    All the best!

    0

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