my-recipes

This is my personal HTML cookbook. You can add some recipes by pull requests.

1. Use this HTML or CSS code to make your recipe.
   HTML: <link rel="stylesheet" href="../assets/default.css"/>
   CSS: @import url("../assets/default.css");
   Note that the used CSS file using English classes but with Indonesian contents, so you have to localize it :)
2. Put the recipe photo with the name default.jpg inside a div element.
3. Use these classes to build the layout:
   • recipe-title
   • recipe-image
   • recipe-details
     • recipe-details-portion
     • recipe-details-time
     • recipe-details-cal
   • recipe-ingredients*
   • recipe-steps*
   * Use ID to distinguish each ingredients/steps and add #your-id::before CSS rule and assign "content" property to customize the title.