From c218470149d67744fa1005f711bcc23a88be5f2e Mon Sep 17 00:00:00 2001 From: abhay8768 <46368902+abhay8768@users.noreply.github.com> Date: Sun, 10 Feb 2019 12:58:48 +0530 Subject: [PATCH] Update display-page.css --- styles/display-page.css | 53 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/styles/display-page.css b/styles/display-page.css index e69de29b..411ca536 100644 --- a/styles/display-page.css +++ b/styles/display-page.css @@ -0,0 +1,53 @@ +main { + padding-top: 60px; + font-size: 0; +} +.parent-box { + width: 800px; + height: 500px; + margin-top: 30px; + margin-left: auto; + margin-right: auto; + border: 1px solid black; +} + +.centerd { + margin-right: auto; + margin-left: auto; +} + +.display { + display: inline-block; +} + +.border { + border: 1px solid black; +} + +.half_green { + width: 50%; + height: 200px; + background-color: green; +} + +.half_blue { + width: 50%; + height: 200px; + background-color: blue; +} + +.left_gray { + width: 33.3%; + height: 300px; + background-color: gray; +} +.middle_black { + width: 33.3%; + height: 300px; + background-color: black; +} +.end_orange { + width: 33.3%; + height: 300px; + background-color: orange; +}