Form gallery take all space on other section in mobile view

HTML-CSS
1

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;

}

.

2

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.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.