.row {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
}
.row{
display: flex;
flex-wrap: wrap;
flex-direction: flex-end;
}
/* Create four equal columns that sits next to each other */
.column {
flex: 25%;
max-width: 25%;
padding: 0 4px;
}
.column img {
margin-top: 8px;
vertical-align: middle;
width: 100%;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column {
flex: 50%;
max-width: 50%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
flex: 100%;
max-width: 100%;
}
}
#main{
display: grid;
align-items: center;
justify-content: center;
border-color: #ed6a5aff;
border-style: solid;
border-width: thin;
background-color: #ed6a5aff;
}
.column {
float: left;
width: 33.33%;
padding: 5px;
}
body{
display: grid;
align-items: right;
justify-content: right;
text-align: right;
}
p{
text-align: center;
}
</style>
<head>
<div id="main">
<h1 id="title" > Dr. Norman Borlaug</h1>
</div>
<div id="img-div">
<div class="row">
<div class="column">
<img src="img/normanwithpeople.png" alt="Norman Borlaug having a conversion with colleuges">
<img src="img/norman-borlaug.png" alt="Norman Borlaug in a field smiling" id ="image">
<p id="img-caption"></p>
</div>
</div>
</div>
<div class="column">
<img src="img/normanatconference.png" alt="Norman Borlaug at a confrence">
<img src="img/normanwithjimmy.png" alt="Norman_Borlaug with former President Jimmy Carter">
</div>
<div class="column">
<img src="img/norman.png" alt="Norman Borlaug and his wife">
<img src="img/normangetsaward.png" alt="Norman Borlaug receives an award from president George W Bush">
</div>
<div class="column">
<img src="img/normanwithgranddaughter.png" alt="Norman Borlaug with his granddaughter who is carrying his great grandchild">
<img src="img/normaninmexico.jpg" alt=" A painting of Norman Borlaug in a field in Mexico">
</div>
<div class="row">
<div class="column">
<img src="img/normanwithgranddaughter.jpg " alt="Norman Borlaug with granddaughter">
<img src="img/normaninagroup.png" alt=" Norman Borlaug with a group of people in a field">
</div>
</div>
</head>
``` this what i have and it doesn't work where are the errors?