me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 11:27:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update branding & home page

Browse Source 
Add BBC Young Reporter branding & update positioning of articles on home 
page
This commit is contained in:
Matthew Grove
2019-03-04 21:25:35 +00:00
parent 620aadcc6e
commit 3b67b7a5d7
34 changed files with 1897 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
css/global.css
View File

@@ -39,21 +39,52 @@ a {
footer {
margin: 15px;
overflow: auto;
}
/* edit footer depending on screen size - edits alignment & changes switches between center- and left- aligned BBC Young Reporter logos */
footer span {
position: relative;
top: 19px;
}
footer img {
display: block;
width: 125px;
float: right;
content: url("/images/young-reporter-logo.png");
vertical-align: middle;
}
@media screen and (max-width: 800px) {
footer {
text-align: center;
}
footer img {
float: none;
margin: auto;
content: url("/images/young-reporter-logo-centered.png");
width: 200px;
padding-bottom: 10px;
}
footer span {
top: 0;
}
}
/* add side margins */
.main-content {
.main-content, footer {
margin-left: 15%;
margin-right: 15%;
}
@media screen and (max-width: 600px) {
.main-content {
.main-content, footer {
margin-left: 5%;
margin-right: 5%;
}
}
@media screen and (max-width: 500px) {
.main-content {
.main-content, footer {
margin-left: 2%;
margin-right: 2%;
}