Code Challenge, July 20, 2020
Every month, we feature a new challenge related to the Monthly Feature’s theme. For this month’s theme VS Code For You, the challenge is:
Create your ideal day schedule in VS Code!
- You must incorporate the HTML elements and attributes introduced in this lesson: HTML Tables.
- You must use a minimum of three (3) CSS properties introduced in this lesson: CSS Visual Rules.
Suggestion: add 3
font-familyof your choosing, and at least 2 different
- You must code this in your text editor, preferably VS Code to stay on the monthly feature theme but not mandatory.
- Originality and readability of your code (make it your own and use style conventions and comments to keep things legible).
Use all of these HTML Elements and Attributes:
rowspan how many rows that particular cell should span within the table
colspan how many columns that particular cell should span within the table
Choose a minimum of 3 CSS Properties:
font-family is a property that defines the typeface of an element
font-size is what controls the size of text displayed
text-align is a property that places text in the left, right, or center of its parent container
color defines the color of the text
background-color defines the color behind the text
Deadline for Prize Submission:
August 3, 2020 at 11:59 pm ET
1 month of Pro
The winner will be the one who uses all of the elements, attributes, and CSS properties–– ie. how you use the HTML elements and attributes and CSS properties to format your ideal day’s schedule.
Strongly encouraged but not mandatory: peer review one other person’s code and provide feedback!
Once you’re done…
Share in a post below. Two options for sharing your project:
Option #1: Take a screenshot of your finished project in a browser and include a link to your GitHub gist so we can see your code.
Option #2: Upload your project to GitHub and include a link to your project.