Recipe Page

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

Built With

• HTML
• CSS
  • CSS Grid

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the following user stories:

• User story: I can see a recipe with ingredients and instructions
• User story: I can select a checkbox if I have the ingredients
• User story: I can see the number of servings, baking times

How To Use

To clone and run this application, you'll need Git installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name

# Install dependencies
$ cd recipe-page

# Open index.html on the browser

Acknowledgements

• Sticky CSS Grid Items
• Pure CSS Custom Checkbox Style
• Custom List Number Styling
• Defer non-critical CSS

Contact

• Website alexbaez.dev
• GitHub @alexbaezd