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

Charles Okonkwo
Charles Okonkwo
3,165 Points

Two Column Layout not working

My contact page is not splitting into 2 columns. Is there something wrong with my code?

@media screen and (min-width: 480px) {

/****************************** TWO COLUMN LAYOUT ********************************/

#primary { width: 50%; float:left; }

#secondary { width: 40%; float:right; } }

@media screen and (min-width: 660px) {

}

and for contact page...

<div id="wrapper"> <section id="primary"> <h3>General Information</h3> <p>I am a work in process at the moment. I will son have the skills to support My vision and yours.</p> <p>If there's an emergency please consider calling someone else. (Unless you know me and know I'm the only one who can help you...then shoot me a fax.)</p> </section> <section id="secondary"> <h3>Contact Details</h3> <ul class="contact-info">

2 Answers

Greg Harris
Greg Harris
36,458 Points

This is strange. I put your code into codepen https://codepen.io/pen/ and it works. Maybe your having issues because the final <section> tag is not closed.