html:
<!DOCTYPE html>
Замки Франкции
Замок Шамбор
твой текст
CSS:
.container {
font-size: 1.75em;
width: 90%;
border: 4px double black;
}
header {
display: flex;
text-align: center;
justify-content: center;
font-size: 1.5em;
}
section {
display: flex;
text-align: center;
justify-content: space-around;
}
.menu {
width: 200px;
padding-right: 20px;
height: 100%;
float: left;
border-right: 4px double black;
}
.menu li {
font-weight: bold;
list-style-type: none;
padding: 10px;
}
.menu a {
color: black;
}
.text {
display: flex;
justify-content: space-around;
}
footer {
font-weight: bold;
display: flex;
text-align: center;
justify-content: center;
}
footer p {
margin: 5px;
}
img {
width: 350px;
padding: 10px;
}