My CSS Grid Projects

Built a Github Contribution graph using CSS Grid

Build Mondrian Paintings using css grid. This repo has html codes of four mondrian paintings.

Built a responsive image gallery with grid fallback. If browser does not support CSS Grid (For example, Safari 10). then Flexbox layout is applied to html page.
Flexbox Layout code: Here
Flexbox version: Here

Build the layout of a scientific calculator using CSS Grid.
I could not imagine building it with float and flexbox layout. With CSS grid layout, the work is simplified since buttons and input field can be spanned and placed using css grid syntaxes. Moreover, gaps between buttons are achieved by adding grid-gap: .
Scotch.io weekly code challenge number 2

Question: Why did the web designer storm out of the restaurant?

Answer: She was offended by the table layout.

3 Database SQL walked into a NoSQL bar.

A little while later...

they walked out

Because they couldn't find a table