jessebot/tiny_personal_website
1
0
Fork 0
mirror of https://github.com/jessebot/tiny_personal_website.git synced 2025-10-01 01:48:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

trying to center and fix responsiveness

Browse source
This commit is contained in:
JesseBot 2017-07-14 20:41:53 +00:00
parent 1cbb7dba1f
commit 779c6d8ebc
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
front_end/css/main.css
View file

@ -91,6 +91,12 @@ h5 {
font-size: small;
}
@media (min-width: 576px) {
.container {
padding: 40px 10px 20px 10px;
}
}
@media (min-width: 768px) {
.container {
padding: 40px 0px 20px 0px;
@ -98,6 +104,12 @@ h5 {
}
@media (min-width: 992px) {
.container {
padding: 40px 0px 20px 0px;
}
}
@media (min-width: 1200px) {
.container {
padding: 40px 50px 0px 50px;
}

2
front_end/views/index.tpl
View file

@ -1,7 +1,7 @@
% include('header.tpl')
<div class="container">
<div class="row justify-content-center">
<div class="col-8">
<div class="col-xl-8 col-lg-9 col-md-11 col-sm-12 align-self-center">
<div class="card mx-auto">
<img class="img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card-header">