Discover high-quality Angular code & resources to level up your development skills. Visit my store!

Blog posts with tag card

Cover Image for Create a responsive card grid with TailwindCSS and Angular

Create a responsive card grid with TailwindCSS and Angular

2021-04-16
6 min read

In a previous article, we built up a nice card view layout with TailwindCSS and Angular. In this article, we'll continue with that and convert it into a responsive card grid with TailwindCSS - without writing a single line of CSS!

Cover Image for Create a blog post card layout with Angular and TailwindCSS

Create a blog post card layout with Angular and TailwindCSS

2021-04-12
4 min read

In this article, we'll create a blog post card layout using Angular and TailwindCSS and it's utility first pattern.

Cover Image for Create a responsive card grid in Angular using Flex Layout

Create a responsive card grid in Angular using Flex Layout

2021-03-23
10 min read

If you're developing a web app in the year 2023, then it is expected that you'll be handling the layout for different screen sizes. Most of your users will probably be on their mobile devices! Angular Flex Layout is a great tool in your hands - to make sure your layouts work well on all devices.

Cover Image for Design a Weather Card With Angular Material and CSS

Design a Weather Card With Angular Material and CSS

2021-01-11
5 min read

Cards an essential UI element nowadays for almost any web application. Here is how to create a simple Angular Material card which shows the weather for today.

Cover Image for How to create a card memory game in Angular

How to create a card memory game in Angular

2020-11-12
10 min read

Angular is usually associated with creating great enterprise level applications. However, that is not all the framework can do! In this article, I'm going to explain how I came up with a card memory game in Angular from scratch. It is inspired from a real card game we used to play when we were kids to test our memory.

Cover Image for Fastest way to make a responsive card grid with CSS

Fastest way to make a responsive card grid with CSS

2020-11-03
2 min read

A few months ago I wrote about how to set up a responsive card grid using the Angular Flex Layout library. It proved quite useful to a lot of people, with more than 6000 views till now!

Back to the blog