Lab 19 Reverse Engineering
Goal
Reverse Engineer the provided images into HTML, and CSS.
Learn
Reference previous labs for help.
Practice
Desktop Styles
Mobile Styles
Assets
Images
- Butter Half Logo
- Order Icon
- First Section Image
- About Image
- Hours Image
- Cookie Icon
- Croissant Icon
- Bread Icon
- Pie Icon
- Donut Icon
- Pudding Icon
- Turtle Danish
- Macarons
- Strawberry Meringue
- Peach & Raspberry Tart
- Chocolate & Raspberry Tart
- Fresh Fruit & Lemon Custard Tart
- Facebook icon
- Instagram Icon
- Pinterest Icon
Final Steps
Validate your HTML.
- Navigate to W3C Validator
- Select the validate by file upload tab at the top of the page
Lint your CSS at jigsaw.w3.org
Now look at GitHub Desktop. You should see all of your files listed out in the left column.
Now you are going to commit your changes.
With all of the files checked. Fill out the Summary field in the bottom left and then click Commit to main.
Committing is staging the files, so they can be pushed to the repository hosted at GitHub.
Now you want to push your changes to the Repository. Now if you access the repository from another computer Lab16 will be there. After you push in the top right of the nav it should say "Fetch Origin" instead of "Push Origin"
Your are Done with Lab19