border-radius not applying to container element
I'm having trouble with applying border-radius to a container element in my CSS. Despite setting the border-radius property, it doesn't seem to be taking effect.
Here's my code: https://jsfiddle.net/6w3a9sv0/1/
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
3 Replies
none of the elements has
border-radius
Here is a update: https://jsfiddle.net/6w3a9sv0/1/
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
you can't apply the border-radius to that element
for it to work, overflow content has to be hidden
and hidding overflow causes it to stop working
you have to set the border radius to the
a element inside the `.container´, which for some reason is inside a list