Brief: Create a recipe filter app for “CookIt,” a fictional recipe website. Users should be able to filter recipes based on dietary preferences (vegan, gluten-free, etc.). The recipes should be displayed in card format with images, titles, and brief descriptions. Use a light background (#FAFAFA) with colorful filters.
Requirements:
Filter Options: Buttons for dietary preferences.
Recipe Cards: Each card should display an image, title, and short description.
Typography: Card titles in Roboto Bold, size 20px, descriptions in Arial, size 16px.
Filter functionality to update the displayed recipes.
Responsive Design: Cards adjust layout for different screen sizes.