Form gallery take all space on other section in mobile view

i have a problem with my code .
i work on a mini project and it was all good until i check my site in mobile view. the problem is my photos take all the page view on other sections.

.projects-grid img {
width: 100%;
max-width: 400px;
height: 400px;
object-fit: cover;


.projects-grid {

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px 10px;
max-width: 1400px;
margin: 0 auto;
gap: 16px;



I didn’t fully understand the problem, but normally this kind of problems are solved by adding CSS Media Query to adjust your layout for all devices.