Currently in the process of working on a school project that involves creating a website with an integrated database. The foundation for this project is an existing website from a previous assignment, created using PHP/HTML.
The layout of my prior website consisted of a main div divided into two sections: one for text and another for images. Here's a snippet of the code:
.main {
grid-area: main;
background-color: #fff;
display: grid;
grid-template-columns: 70% 30%;
grid-template-rows: auto;
grid-template-areas:
"text image";
grid-gap: 4px;
}
While this design served its purpose well in the past, I now require certain pages to exclude the image section entirely. However, omitting content from the image division resulted in excessive white space remaining where it should have been placed.
How can I address this issue?
(Apologies for the rookie inquiry, as I am fairly new to coding. Feel free to reach out if visual aids are necessary.)