Image for post
Image for post
Photo by Joel Vodell on Unsplash

Welcome to the final part of the series. Here we will create a real project for album layout. You can find part-7 here.

We will use this codepen for the album layout page. The basic code without any style(except the general style) is here.


We have an albums class, which contains all the album. Each album then have a random image of size 300x300 from unsplash. Then there is an album__details class, which contains a heading(h2), the paragraph with album__artist class and also one or two paragraph with album__desc class.

Image for post
Image for post
Without any style

You can read the rest of the blog from my site. Link for the same is below.

This concludes the CSS Grid series. Hoping you learned something useful from it.

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