Challenge 01- Responsive design by Kevin Powell

I encountered some troubles with designing the page like in the challenge. Here's my code I don't know where the problem is maybe is it the paddings ? Or should I modify the HTML part ? /Css work/ body { margin: 0; font-family: sans-serif; } .container { background: #23424a; color: white; width: 80%; margin: 0 auto; padding: 2em; height: 300px; } .intro-content{ width: 50%; }
No description
3 Replies
vic
vic7d ago
I think that text content inside of .intro content div took 50% width?? So that's why the text are in half side Also u should tell what error it is
b1mind
b1mind7d ago
We have a course channel #conquering-responsive-layout with others solutions but you can also ask others in the course too.
Paul-Emmanuel
Paul-EmmanuelOP7d ago
Thanks for your help but i've done it finally. The error was about me setting up a height of 300 px but i removed it and also making another div for the surplus content.

Did you find this page helpful?