Get the code of Create a Basic HTML CSS Website Home Page and watch video tutorials. You can practice using our code editor. Our practical guide will make your learning journey much easier. You can explore the tutorial and learn.
<div class="container">
<h1>My Header</h1>
<div class="section">
<div class="sidebar">Sidebar</div>
<div class="content">Lorem ipsum odor amet, consectetuer adipiscing elit. Ridiculus sit nisl laoreet facilisis aliquet. Potenti dignissim litora eget montes rhoncus sapien neque urna. Cursus libero sapien integer magnis ligula lobortis quam ut.</div>
</div>
<div class="footer">Footer</div>
</div>.container {
padding: 5px;
}
.container .section {
display: flex;
flex-direction: row;
}
h1 {
text-align: center;
border: 3px solid dodgerblue;
padding: 15px 10px;
}
.container .section .sidebar {
border: 3px solid dodgerblue;
text-align: center;
padding: 15px 10px;
}
.container .section .content {
flex-grow: 4;
border: 3px solid dodgerblue;
text-align: left;
padding: 15px 10px;
}
.container .footer {
border: 3px solid dodgerblue;
padding: 15px 10px;
text-align: center;
}