Day 2: Box Model and Layout
QUESTION 1:
File: boxmodel.css
Description:
Create a webpage that demonstrates:
Margins, padding, borders, and content area of an element.
QUESTION 2:
File: centering.css
Description:
Center a
element horizontally and vertically using:
CSS properties like margin and position.
QUESTION 3:
File: borders.css
Description:
Style an element with:
Different border widths, styles, and colors.
QUESTION 4:
File: overflow.css
Description:
Create an element with:
Overflow set to hidden, scroll, and auto to demonstrate behavior.
QUESTION 5:
File: fixedsize.css
Description:
Create a box with a fixed width and height.
Center the text inside it.
QUESTION 6:
File: background.css
Description:
Set the background of a webpage with:
A solid color, a gradient, and an image.
QUESTION 7:
File: shadows.css
Description:
Apply box shadows to an element using the box-shadow property.