Oliver Realize

Maybe try class="span6"

This might be a bandaid but have you tried using !important after the padding? i.e. @media screen and (max-width: 320px) { .menubar1 > a { box-sizing: border-box; display: block; font-family: arial, helvetica, sans-serif; padding: 0 !important; margin: 10px 0; } }

I don't think you can detect user agent using html. You have to use javascript. But you can find the screen size that matches the ipad mini use @ media css query. i.e. @media screen and (max-width: 300px) { body { background-color: lightblue; } }

ol or ordered list will typically have numbers instead of bullet points ul or un-ordered list will typically have bullet points

Hi everyone, I know html5 and css3 pretty well. So if you have any questions, feel free to reach out. I am studying JavaScript right now and will take any help I can get. I'll probably post a question by next week at least. :)