Recipe Cards created with HTML & CSS

UI Recipe Cards created with HTML & CSS tutorial

In this tutorial I go over how to create these recipe cards using only HTML and CSS. I show you the full front end coding tutorial, where I create the structure of the elements in HTML following BEM and then write all of the styling and effects with CSS. I use CSS grid for the layout, flexbox for the card structure and then I add styling and hover effects.