feat(home_page): created template for homepage
This template created two column layout with articles and handy links. Capability was added so that on a mobile device, the columns would drop to one only. MR !6
This commit is contained in:
@ -1,4 +1,5 @@
|
||||
---
|
||||
template: home.html
|
||||
title: No Fuss Computing
|
||||
description: Here at No Fuss Computing we predominately do research and development into, making your computing experience a more enjoyable one. See our projects page to find out what we are working on.
|
||||
|
||||
|
@ -70,3 +70,50 @@ a.tags:hover {
|
||||
.mdx-author p > span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.container{
|
||||
width: 100%;
|
||||
}
|
||||
.container .row {
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.container .row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.container .column {
|
||||
float: left;
|
||||
width: 50%;
|
||||
|
||||
}
|
||||
|
||||
.container .column .mdx-author {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.container .column h2 {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.container .column ul {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.container .column h3 {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.container .column img {
|
||||
height: 22px;
|
||||
}
|
||||
@media screen and ( max-width: 700px ) {
|
||||
.container .column {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user