HTML How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Ricky Logsdon
Ricky Logsdon
1,046 Points

Build a Three Column Layout "Two Column isn't breaking up."

https://w.trhou.se/misy14haxo

My contact page doesn't split into two columns.

Any suggestions?

3 Answers

Hello,

Can you provide your code to check what is wrong?

Ricky Logsdon
Ricky Logsdon
1,046 Points

I found the issue. Thank you.

Ricky Logsdon
Ricky Logsdon
1,046 Points

Hello, I finally got it to work. I had a typo. I redid the code and it worked just fine. But thank you. Have a great week.

Ricky Logsdon
Ricky Logsdon
1,046 Points

FROM the contact.ttml <section id="primary"> <h3>General Information </h3> <p>I am just starting on web designing, but I'm hopeful that I can be up and running and writing code full time within the next year.</p> <p>If you would like to follow my journey and find out how I'm improving you can follow me on Twitter.</p> </section> <section id="secondary"> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:502-555-6400">502-555-6400</a></li> <li class="mail"><a href="mailto:ric@example.com">ric@example.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=riclogsdon">@riclogsdon</a></li> </ul> </section>

                                    FROM the responsive.css

@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) {

}

The best way to solve problem, by yourself.

Congratulations