troubleshootTask.md - brainchildservices/curriculum GitHub Wiki
- Check why your content is not aligned correctly
SLIDE-1
- Since You have Cloned Our Troubleshooting Repository, you have a basic HTML Webpage template.
SLIDE-2
- Task 1. Replace the Existing Content in the Page & Create a Short bio as Shown in Below image (About HTML Snippet Demo)
SLIDE-3
- Task 2. Create a card format as shown below. (Basic Card Snippet)
SLIDE-4
- Task 3. Change the Styling and make the card contents as shown below
SLIDE-5&6
Hints:
- You can change the alignment by adjusting BOX MODEL Properties (Such as
Margin, Padding, Height & Width). - Try to use Developer Tools to change the alignment. (You can Access by Pressing F12)
- A window should pop up like this Image
- Once you are in developer tool inspect on the card and then you can see the Properties of the card.
- You can change properties and see the changes immediately in the browser.
