diff --git a/day1/index.html b/day1/index.html new file mode 100644 index 0000000..f820260 --- /dev/null +++ b/day1/index.html @@ -0,0 +1,43 @@ + + + + + + Day 01 + + + + + +
+
+

Lorem ipsum dolor sit.

+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod unde + rerum, deleniti ea obcaecati sint hic odit dicta tenetur qui ut + dolorum provident sit, atque, reprehenderit nulla voluptate! Officiis, + consectetur? +

+

+ Iste ipsa enim delectus porro, ullam repellendus maiores quis rem + debitis cum, necessitatibus architecto dolor? Velit, ad quaerat + blanditiis veritatis expedita totam vel voluptatem officiis officia ab + modi voluptatibus obcaecati. +

+

+ Accusantium minima iusto nobis fuga hic explicabo unde illum, + perferendis et animi aperiam quaerat, eaque deleniti alias blanditiis + exercitationem commodi repudiandae ullam consequatur incidunt + reiciendis repellat officia laboriosam. Esse, modi. +

+

+ Expedita cupiditate iure odit, delectus placeat optio magnam assumenda + mollitia aspernatur at saepe nisi commodi natus excepturi voluptate. + Recusandae nisi dolorem, necessitatibus optio aliquam repellat. + Adipisci, incidunt. Consequuntur, natus nulla. +

+
+
+ + + diff --git a/day1/style.css b/day1/style.css new file mode 100644 index 0000000..b68be39 --- /dev/null +++ b/day1/style.css @@ -0,0 +1,36 @@ +/* INSTRUCTIONS + * + * 1) Limit the total width of + * the .intro-conent to about half + * of it's parent + * + * 2) Stop the text from overflowing + * out the bottom at small screen + * widths + * + * You may modify the HTML if needed + * + */ + +* { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: sans-serif; +} + +.container { + background: #23424a; + color: white; + + width: 80%; + margin: 0 auto; + padding: 2em; +} + +.intro-content { + padding: 2em; + width: 50%; +}