Responsive Omelette Recipe Page built with HTML5, CSS3 & AOS

Hello FM

Here's a new challenge I've tackled to review some basics of the HTML5 language :

• unordered & ordered lists ;
• table and
• heading hierarchy.

I've built this solution with HTML5, CSS3 and the Animate On Scroll library to add a bit of animation on page load.

One new thing I did, was to use a favicon generator to create my favicon images so they can be available for every use-cases.

At the "Preparation time" section, I wondered what heading rank to use for the title. It is best practice not to skip heading level so I asked myself considering the design, if I should give it an h2 or h3 tag. But I've finally decided to use an h2 tag as with the remaining titles as I think it has the same importance as them.

I hope you like my solution and, of course feel free to give your feedback :)