Recipe Page using HTML and CSS

hi there! 👋

• for better class-names you can look up BEM notation

• for adding horizontal lines to your table you can apply border-bottom to your tr elements in CSS and you can use and border-collapse: collapse; on the table element

• applying color to li symbols can be done by adding an li::before element like this:

li {
 position: relative;
margin-left: 1rem;
}

li::before {
   content: '\2022';
    position: absolute;
    left: -1rem;
}

'\2022' is unicode for bullet-point

Hope this was helpful 🙏

Good luck and happy coding! 💪

Hello, you can color the dots and numbers with the counter-reset property of the css, take a look at sites like mozilla and w3schools that have detailed information on how it works.