jdegand/recipe-page

DevChallenges - Legacy - Responsive Web Developer - Recipe Page

Recipe Page

Solution for a challenge from Devchallenges.io.

Live Link | Challenge

Table of Contents

• Overview
  • Built With
• Features
• Useful Resources

Overview

Built With

• HTML
• CSS

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

Useful Resources

• Steps to replicate a design with only HTML and CSS
• Stack Overflow - remove dot after number in ordered list
• Stack Overflow - ordered list without the period
• Mail Trap - nbsp
• MDN Docs - CSS Counters
• YouTube - custom checkbox
• Blog - custom checkboxes with ally
• Stack Overflow - img tag inside a p tag
• CSS Tricks - css counters custom list number styling