W3C CSS Validator results for http://www.richardbacon.org.uk (CSS level 3)

Sorry! We found the following errors (2)

URI : http://www.richardbacon.org.uk

33 Value Error : left only 0 can be a unit. You must put a unit after your number : 10
35 Value Error : top only 0 can be a unit. You must put a unit after your number : 30

↑ Top

Valid CSS information

body {
background-color : #000099;
margin : auto;
font-family : Calibri, Arial, Helvetica, sans-serif;
}
#wrapper {
max-width : 800px;
margin : auto;
}
#header {
width : calc(100% - 20px);
height : 90px;
background-image : url("temporary/header-2020-05.jpg");
color : #fff;
padding : 10px;
margin-top : 10px;
border : #000099 solid 3px;
}
#header h1 {
margin : 0;
font-size : 3em;
}
#nav {
width : 100%;
color : #fff;
padding : 5px;
font-size : 1.2em;
font-weight : 500;
}
#nav a, #nav a:visited {
color : #fff;
text-decoration : none;
}
h2 {
margin : 0;
}
.column {
width : calc(50% - 10px);
float : left;
}
#content-block {
background : #fff;
padding : 10px;
color : #000099;
font-size : 1.2em;
margin : 5px;
}
#news {
background : #fff;
padding : 10px;
color : #000099;
font-size : 1em;
clear : left;
overflow : auto;
display : table;
margin : 0 5px;
}
.news-item {
width : calc(33% - 20px);
float : left;
padding : 5px;
display : table-cell;
}
.imageholder {
margin : 5px 0;
}
.imageholder img {
width : calc(100% - 10px);
}
@media screen and (max-width: 50em) {
#header {
background-position : right;
}
#header h1 {
font-size : 7vw;
}
#header h2 {
font-size : 3vw;
}
.column, .news-item {
width : calc(100% - 20px);
clear : left;
}
.imageholder img {
display : block;
margin : auto;
}
}

↑ Top