Generate random grid in css

.wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 10px;
    grid-auto-flow: dense;
    list-style: none;
    margin: 1em auto;
    padding: 0;
    max-width: 800px;
}
.wrapper li {
    border: 1px solid #ccc;
}
.wrapper li.landscape {
    grid-column-end: span 2;
}
.wrapper li img {
   display: block;
   object-fit: cover;
   width: 100%;
   height: 100%;
}

Source: developer.mozilla.org

Generate random grid in css

<ul class="wrapper">
   <li><img src="https://placehold.it/200x300" alt="placeholder"></li>
   <li class="landscape"><img src="https://placehold.it/350x200" alt="placeholder"></li>
   <li class="landscape"><img src="https://placehold.it/350x200" alt="placeholder"></li>
   <li class="landscape"><img src="https://placehold.it/350x200" alt="placeholder"></li>
   <li><img src="https://placehold.it/200x300" alt="placeholder"></li>
   <li><img src="https://placehold.it/200x300" alt="placeholder"></li>
   <li class="landscape"><img src="https://placehold.it/350x200" alt="placeholder"></li>
   <li><img src="https://placehold.it/200x300" alt="placeholder"></li>
   <li><img src="https://placehold.it/200x300" alt="placeholder"></li>
   <li><img src="https://placehold.it/200x300" alt="placeholder"></li>
</ul>

Source: developer.mozilla.org

Similar codes

1 vote168 views3 answers
Jquery set div height dynamically
CSS
1 vote137 views1 answer
Css fade in and stay
CSS
0 vote177 views1 answer
Media screen desktop
CSS
0 vote170 views1 answer
Add more than 2 css jquery
CSS
55 votes300 views5 answers
Bootstrap 3 button
CSS Bootstrap
0 vote142 views1 answer
Responsive font size with clamp
CSS
0 vote172 views1 answer
How to draw rhombus in css
CSS
3 votes162 views1 answer
Inline block align center
CSS
18 votes172 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
1 vote180 views1 answer
On hover chang only border color of a button css
CSS