Spanning Multiple Rows and Columns
For doing this we can utilize the property called Grid-Row-Start and Grid-Row-End.
.<Container Name>:first-child{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
With the assistance of this property, we can make very great formats for our sites and it will be going to help us a tonne in the future additionally for planning sidebars on the site.
However, there is an alternate route strategy likewise -
.<Container Name>:first-child{
grid-column: 1 / span 3;
grid-row: 1 / span 3;
}
One of the most disarrays which currently emerges is what among float, flexbox or grid would it be advisable for us to utilize?
The basic answer is, you are allowed to utilize any three of them independent of your site should look great and responsive and you ought to be OK with the turn of events. You should consistently attempt to give the best client experience since it's the main piece of SEO.
0 Comments