diff --git a/Module 2 solution b/Module 2 solution new file mode 100644 index 0000000..c01c62e --- /dev/null +++ b/Module 2 solution @@ -0,0 +1,35 @@ + + + + + + +Module 2 solution + + +

Our Menu

+
+
+
+ Chicken +

As far back as I can remember, I have always liked going out to eat. Two of my favorite restaurants are Jake’s and McDonald’s. Though both are places to dine they have their differences in their ambiance, waiting, and expense. When deciding where to go to eat, I have three things to think about. I must consider the atmosphere or where I want to go. The amount of time I have is another consideration. The amount of money that I am able to spend is a big influence. +

+
+
+
+
+ Beef +

As far back as I can remember, I have always liked going out to eat. Two of my favorite restaurants are Jake’s and McDonald’s. Though both are places to dine they have their differences in their ambiance, waiting, and expense. When deciding where to go to eat, I have three things to think about. I must consider the atmosphere or where I want to go. The amount of time I have is another consideration. The amount of money that I am able to spend is a big influence. +

+
+
+
+
+ Sushi +

As far back as I can remember, I have always liked going out to eat. Two of my favorite restaurants are Jake’s and McDonald’s. Though both are places to dine they have their differences in their ambiance, waiting, and expense. When deciding where to go to eat, I have three things to think about. I must consider the atmosphere or where I want to go. The amount of time I have is another consideration. The amount of money that I am able to spend is a big influence. +

+
+
+
+ + diff --git a/Module 2 solution css b/Module 2 solution css new file mode 100644 index 0000000..feb1bac --- /dev/null +++ b/Module 2 solution css @@ -0,0 +1,91 @@ +{ + box-sizing: border-box; +} +body{ +background-color:rgb(51,232,255); +} + + +h1 { + font-size: 27px; + font-family: Georgia serif; + text-align: center; + color: rgb(0, 0, 0); + margin-bottom: 30px; + +} + +p { + padding: 15px 5px 0px 5px; + font-family: Georgia sans-serif; + font-size: 16px; + position: relative; +} + +.section { + background-color: rgb(150, 150, 150); + border: 2px solid black; + margin-top: 20px; + margin-right: 20px; + padding: 3px; + text-align: justify; + position: relative; + } + +span { + font-size: 20px; + width: 150px; + border: 1px solid black; + font-weight: bold; + text-align: center; +float: right; top :0; right: 0; margin: 0; + position: absolute; +} +#pp1 { + background-color: rgb(250, 150, 150); + color: rgb(0, 0, 0); +} +#pp2 { + background-color: rgb(250, 0, 0); + color: rgb(250, 250, 250); +} +#pp3 { + background-color: rgb(200, 200, 100); + color: rgb(0, 0, 0); +} +} + +.row { + width: 100%; +} + +/* PC view */ + +@media (min-width: 992px) { + + .col-lg-4 { + width: 33.33%; + float: left; + } +} + +/* Tablet view */ +@media (min-width: 768px) and (max-width: 991px) { + + .col-md-6 { + width: 50%; + float: left; + } + .col-md-12 { + width: 100%; + float: left; + } +} +/*for very small screens or mobile devices */ +@media (max-width: 767px) { + + .col-sx-12 { + float: left; + width: 100%; + } +}