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.

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