![Responsive Plants Shopping Uix](https://img.cssmix.net/img/2022/7/responsive-plants-shopping-uix_3055.webp)
![Css Grid Advent Calendar](https://img.cssmix.net/img/2022/7/css-grid-advent-calendar_3056.webp)
![Css Grid Poster](https://img.cssmix.net/img/2022/7/css-grid-poster_3058.webp)
![Fashion Blog Assymetrical Layout](https://img.cssmix.net/img/2022/7/fashion-blog-assymetrical-layout_3059.webp)
![Css Grid Newspaper Layout](https://img.cssmix.net/img/2022/7/css-grid-newspaper-layout_3060.webp)
Css Grid: Responsive Masonry Layout
4.05.2020
Super cool image grid layout with CSS Grid. It's fully responsive, source order independent and very easy to code.
Made with: HTML,CSS
![Css Grid: Responsive Masonry Layout](https://img.cssmix.net/img/2022/7/css-grid:-responsive-masonry-layout_3061.webp)
![Left-Align Last Row When Grid Is Middle Aligned](https://img.cssmix.net/img/2022/7/left-align-last-row-when-grid-is-middle-aligned_3062.webp)
![Css Grid: Workout Schedule](https://img.cssmix.net/img/2022/7/css-grid:-workout-schedule_3063.webp)
Responsive Product Grid With Layered Background
23.04.2020
Responsive product layout using CSS Grid and SVG background images.
Made with: HTML,CSS
![Responsive Product Grid With Layered Background](https://img.cssmix.net/img/2022/7/responsive-product-grid-with-layered-background_3064.webp)
Art Directed Grid With Bg Image
7.04.2020
This art-directed grid uses a background image inside a CSS Grid container. Makes a cool effect that can bring in some color and highlight parts of the image you want users to focus on.
Made with: HTML (Pug),CSS (Sass)
![Art Directed Grid With Bg Image](https://img.cssmix.net/img/2022/7/art-directed-grid-with-bg-image_3065.webp)
![Clipped Overlapping Grid Items](https://img.cssmix.net/img/2022/7/clipped-overlapping-grid-items_3066.webp)
Css Grid Shopping Cart
7.02.2020
Playing around with CSS grid and how it could work in a shopping cart page.
Made with: HTML,CSS (SCSS)
![Css Grid Shopping Cart](https://img.cssmix.net/img/2022/7/css-grid-shopping-cart_3067.webp)
![Responsive Grid - News Page](https://img.cssmix.net/img/2022/7/responsive-grid--news-page_3068.webp)
![Grid Layout + Smooth Animation Effect](https://img.cssmix.net/img/2022/7/grid-layout-+-smooth-animation-effect_3069.webp)
![Responsive Grid - News Page](https://img.cssmix.net/img/2022/7/responsive-grid--news-page_3070.webp)
![Tessellations Ecommerce](https://img.cssmix.net/img/2022/7/tessellations-ecommerce_3057.webp)
![Css Grid: Smashing Mag's Contents Page](https://img.cssmix.net/img/2022/7/css-grid:-smashing-mag's-contents-page_3071.webp)
![Css Grid Experiment: Keyboard Layout](https://img.cssmix.net/img/2022/7/css-grid-experiment:-keyboard-layout_3072.webp)
![Css Grid: Excel Spreadsheet](https://img.cssmix.net/img/2022/7/css-grid:-excel-spreadsheet_3073.webp)
Css Grid: Train Ticket
13.01.2019
Train ticket to Hogwarts, with a flat design twist!
Made with: HTML (Pug),CSS (SCSS)
![Css Grid: Train Ticket](https://img.cssmix.net/img/2022/7/css-grid:-train-ticket_3074.webp)