minor updates to the css

adding some colour whilst I work out the layout,

also changed the amount of columns to 3 instead of 12, not entirely sure why
This commit is contained in:
WillowRo 2020-12-16 22:08:01 +00:00
parent e300411c6e
commit 5e67c358fd
2 changed files with 10 additions and 16 deletions

View file

@ -1,7 +1,6 @@
*{ *{
box-sizing: border-box; box-sizing: border-box;
/*border-color: #ffffff;*/
border: 1px solid #ffffff;
color: #ffffff; color: #ffffff;
} }
@ -11,23 +10,16 @@ body{
.TitleText{ .TitleText{
font-size: 50; font-size: 50;
background-color: #ffa500;
} }
[class*="col-"] { [class*="col-"] {
float: left; float: left;
padding: 15px; padding: 15px;
} }
/* columns*/ /* columns*/
.col-1 {width: 8.33%;} .col-1 {width: 33.3%;}
.col-2 {width: 16.66%;} .col-2 {width: 66.6%;}
.col-3 {width: 25%;} .col-3 {width: 100%}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

View file

@ -3,7 +3,9 @@
<link rel="stylesheet" href="Mainpage.css"> <link rel="stylesheet" href="Mainpage.css">
</header> </header>
<body> <body>
<div class="col-3 TitleText"> <div class="col-1 TitleText">
Nye_E Nye_E
</div>
</body> </body>
</HTML> </HTML>