Your columns are showing up the way they are supposed to. Do you want it to appear differently?
For example, lets assume you want them to be at 100% width instead of 48% when viewed on a mobile/phone sized browser…..You could add some code like this to your responsive section –
`.one-half,
.three-sixths,
.two-fourths {
padding: 0;
width: 100%;
}`
Just add this to the iPhone 480px responsive section at the bottom of your css file under this –
`/* iPhones (portrait and landscape) ———– */
@media only screen and (max-width: 480px) {`
I’m only assuming this is what you’re referring to, if I’m wrong please let me know exactly what you’re looking for.