HTML / CSS Exercises
1. HTML
Using HTML 5 only, recreate the structure of this website mockup:
- Throughout this exercise, do not worry about design. HTML is a markup language with pre-defined presentation semantics; the design is handled by CSS.
- You can choose another recipe and image.
- Use a header to mark the recipe name and card (times and servings); sections for the description, ingredients, and method.
- For now, you can edit your HTML files locally.
- Validate and verify the result on the browser as you proceed.
2. CSS
Using CSS 3, recreate the design of the mockup:
- Use google fonts to import the suggested (or other fonts).
- Make sure the design works on smaller screens.
- Try to make the design as similar as possible (but do not lose time on small details).
- You can choose other colors.
- Validate and verify the result on the browser as you proceed