search

Nateg5151 / Prework-study-guide

MIT License
0 stars 0 forks source link

CSS #2

Open Nateg5151 opened 1 year ago

Nateg5151 commented 1 year ago

As a boot camp student I want the prework notes to be structured on a webpage So that I can easily find and read the information

GIVEN a Prework Study Guide website WHEN I view the study guide THEN I see a dark blue header and footer, and four boxes with a shadow

Nateg5151 commented 1 year ago

{ margin: 0; padding: 0; }

header, footer { width: 100%; height: 120px; background-color: blue; color: white; }

h1, h2 { text-align: center; }

img { display: block; height: 50px; width: 50px; margin-left: auto; margin-right: auto; }

ul { padding-left: 40px; font-size: 20px; }

p { text-align: center; font-size: 30px; }

Nateg5151 commented 1 year ago

** { margin: 0; padding: 0; }

header, footer { width: 100%; height: 120px; background-color: blue; color: white; }

h1, h2 { text-align: center; }

img { display: block; height: 50px; width: 50px; margin-left: auto; margin-right: auto; }

ul { padding-left: 40px; font-size: 20px; }

p { text-align: center; font-size: 30px; }

.card { width: 80%; margin: 40px auto; border: 5px solid gray; box-shadow: 5px 10px #888888; }