Welcome to part-3 of the series. You can find part-2 here.

We will look into Sizing Tracks in CSS Grid how. For this we will use this codepen.

This is the initial html and css code.

</div>
<style>
.container {
display: grid;
grid-gap: 20px;
}
</style>
Image for post
Image for post
The initial result

You can read the rest of the article from my site. The link for the same is below.

You can find part-4 here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store