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

fixing responsiveness and image to fit in screen

Browse source
This commit is contained in:
JesseBot 2018-01-01 00:01:11 +00:00
parent c974e0bc68
commit d871a672d1
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/main.css
View file

@ -110,7 +110,7 @@ h3, h4, h5 {
}
.container {
padding-top: 7%;
padding-top: 5%;
padding-left: 0;
padding-right: 0;
max-width: 100%
@ -118,13 +118,13 @@ h3, h4, h5 {
@media (min-width: 576px) {
.container {
padding-top: 7%;
padding-top: 5%;
}
}
@media (min-width: 768px) {
.container {
padding-top: 20%;
padding-top: 10%;
min-width: 760px;
}
}

4
views/index.tpl
View file

@ -1,12 +1,12 @@
% include('header.tpl')
<div class="container">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-8 col-lg-4 col-md-4 col-sm-7 col-xl-4" style="padding-bottom:2%; padding-top:2%;">
<div class="col-7 col-lg-4 col-md-4 col-sm-7 col-xl-4 pb-1 m-1">
<img class="img-fluid rounded main-img"
src="/images/{{globals['image']}}"
alt="What I look like.">
</div>
<div class="col-10 col-sm-10 col-md-8 col-lg-6 offset-lg-1 offset-xl-1" style="padding-bottom:2%; padding-top:2%;">
<div class="col-10 col-sm-10 col-md-8 col-lg-6 offset-lg-1 offset-xl-1 pt-2 pb-2">
<div class="card mx-auto">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">