Fix the overflowing grid – Coding Practice

FIND THE BUG

The four .tile elements are supposed to sit neatly inside .gallery, but their fixed widths make them spill outside the container. Fix the layout so all four tiles fit.

Acceptance criteria

1.Make .gallery a grid container.
2.Use 3 equal-width columns instead of fixed pixel widths.
3.Add gap spacing between tiles.

CleVision Technologies
Streak AI
Appscrip
Autovyn Consultancy
La Net Team Software Solutions
Pepper Cloud

PrevNext

1

2

3

4

5

6

<div class="gallery">
  <div class="tile">1</div>
  <div class="tile">2</div>
  <div class="tile">3</div>
  <div class="tile">4</div>
</div>

0 × 0

Output ready when you are

Press Run to render your code, or Submit to validate your solution.

Fix the overflowing grid — find the bug

Acceptance criteria