Recipe Page

🤗 i definitely had fun doing this challenge .

I'm mostly proud of the way i handled the responsiveness of the page using various functions like calc() , min() and max() for my margins and paddings.

i also tried my best to stick to the BEM Naming convention and i think i handled it pretty well.

for my future projects I would probably go for a Mobile-first design .

setting the margins and padding on bigger screen sizes and removing/shrinking them on smaller sizes was a tough challenge!

i did not want to use Media Queries that much and tried to understand the default web flow and use that to my advantage.