Sharaxaad
Nashqada responsive waxay la qabsataa telefoonnada, tablets, iyo computers iyadoo la isticmaalayo units dareere ah iyo media queries.
Tusaale code
css.container {
width: min(1100px, 92%);
margin-inline: auto;
}
.grid {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.grid {
grid-template-columns: repeat(2, 1fr);
}
}Agab waxtar leh
Layli
Ka dhig boggaaga mid fiican mobile iyo desktop adigoo isticmaalaya media queries iyo widths dareere ah.