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

updating more responsive features

Browse source
This commit is contained in:
JesseBot 2017-11-10 14:49:56 +00:00
parent 7c50c65ef3
commit 59fc6f195a
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
css/main.css
View file

@ -31,7 +31,7 @@ h3, h4, h5 {
}
/**********card and nav**********/
.card {
.card, .main-img {
border: 1px solid #383737;
background-image: url(../images/sep-half.png);
background-color: #3d3d3d;
@ -124,8 +124,8 @@ h3, h4, h5 {
@media (min-width: 768px) {
.container {
padding-top: 14%;
width: 768px;
padding-top: 5%;
min-width: 760px;
}
}
@ -138,6 +138,6 @@ h3, h4, h5 {
@media (min-width: 1200px) {
.container {
padding-top: 12%;
width: 1000px;
min-width: 1000px;
}
}

6
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-6 col-lg-5 col-md-5 col-sm-6 col-xl-4" style="padding-bottom:2%; padding-top:2%;">
<img class="img-fluid rounded"
<div class="col-6 col-lg-4 col-md-5 col-sm-6 col-xl-4" style="padding-bottom:2%; padding-top:2%;">
<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-7 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" style="padding-bottom:2%; padding-top:2%;">
<div class="card mx-auto">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">