HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Igor Ristic
Igor Ristic
1,628 Points

My columns in contact.html still stay align when I resize them to mobile screen,

Contact details don't go beneath General Informations

1 Answer

tezzica
tezzica
3,483 Points

Are you wanting the contact section to just float under the General Information section at mobile-size?

You have your responsiveness using min-width so when you scale your browser up it's using whatever you have in responsive for the large sizes. You should probably use max-width instead so whatever you have in the responsive css only applies to the width its set to and less. Then make sure your width of the section is 100% for #primary. Then remove the float on #secondary and set it to a clear. You will need to set a behavior for the larger-width if you want a desktop-size to have #primary and #secondary side by side at that scale. As of right now I don't see anything in your main.css detailing those ids for the desktop-size outside of what you have in the responsive.css.