alw002 / cse110-lab3 Goto Github PK

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Apply the display property

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• Include at least two values: none, block, inline-block, inline

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Pick varying font styles to make your text fun to read.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• Include and use a 3rd party font (https://fonts.google.com/)

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Units of measurement for sizing and spacing should be added to the HTML elements.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• Use 3 unique relative units total
• Use 3 unique absolute units total

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Implement a flexbox to allow the elements to lay themselves out automatically and grid for the layouts.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• flexbox: more than two children within the element using flexbox, minimum three flexbox attributes
• grid: more than two children within the element using grid, minimum three grid attributes

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Set the height and width for the HTML elements.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• height
• width
• max-width
• min-width

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Configure the containers that holds the HTML content.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• Margin: spacing between HTML elements
• Padding: spacing within HTML elements
• Borders: borders around HTML elements

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Apply element positioning on the page

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• Apply at least two values: static, relative, fixed, absolute, sticky

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Color should be added to the HTML elements.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• red, green, blue, alpha values: rgb(r, g, b) or rgba(r, g, b, a)
• hex codes: #FFF or #FFFFFF
• hue, saturation, lightness, alpha values: hsl(h, s, l) or hsla(h, s, l, a)
• Color name: Orange

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Style the text

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• color
• text-decoration
• text-align

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Apply elements that exist in the document conditionally.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• :hover
• :active

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Background styles should be added to the HTML elements.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• background-color

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Make sure the website is friendly for multiple devices.

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• At least one query based on the screen width

Describe the CSS topic you would like added:
A clear and concise description of the CSS topic.

• Implements comments

Describe the solution you'd like:
A clear and concise description of what you want to happen.

• Write down comments to make your CSS easier to read