sincoolka/Project-new-web
7
0
Fork 0
Code Issues Releases Activity

Correct footer elements sizes

Browse Source
This commit is contained in:
Marcel Petráň 2019-04-24 00:27:12 +02:00
parent 12240f6c9b
commit a055dc6774
2 changed files with 36 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
cs/home.html
View File

@ -140,20 +140,20 @@
</div> </div>
<div class="footer-logo-right-col-grid"> <div class="footer-logo-right-col-grid">
<img src="../img/sin-logo-col.png" alt="Club" class="opacity-decrease" href="#"> <img src="../img/sin-logo-col.png" alt="Club" href="#" class="opacity-decrease footer-img-logo">
<img src="../img/su-logo-col.svg" alt="Club" href="#"> <a href="https://su.cvut.cz/" target="_blank"><img src="../img/su-logo-col.svg" alt="Club" href="#" class="footer-img-logo"></a>
</div> </div>
</section> </section>
<section class="footer-bottom"> <section class="footer-bottom">
<div class="footer-contacts-row-grid"> <div class="footer-contacts-row-grid">
<div class="footer-heading-col-grid"> <div class="footer-heading-col-grid">
<div class="footer-heading-left"> <div class="footer-heading-left">
<h1 class="title left">Kontakty</h1> <h2 class="title">Kontakty</h2>
</div> </div>
<div class="footer-heading-social-col-grid -right"> <div class="footer-heading-social-col-grid -right">
<img src="../img/facebook.png" alt="Social" href="#"> <a href="https://www.facebook.com/" target="_blank"><img src="../img/facebook.png" alt="Social" class="footer-img-social"></a>
<img src="../img/instagram.png" alt="Social" href="#"> <a href="https://www.instagram.com/" target="_blank"><img src="../img/instagram.png" alt="Social" class="footer-img-social"></a>
<img src="../img/twitter.png" alt="Social" href="#"> <a href="https://twitter.com/?lang=cs" target="_blank"><img src="../img/twitter.png" alt="Social" class="footer-img-social"></a>
</div> </div>
</div> </div>
<div class="footer-contacts-col-grid"> <div class="footer-contacts-col-grid">
@ -174,7 +174,7 @@
</div> </div>
</div> </div>
<div class="footer-visit-row-grid"> <div class="footer-visit-row-grid">
<h1 class="title left">Úřední hodiny</h1> <h2 class="title">Úřední hodiny</h2>
<div class="footer-visit-col-grid"> <div class="footer-visit-col-grid">
<p class="article">Administrátoři:</p> <p class="article">Administrátoři:</p>
<p class="article">Po & St 20:00 - 21:00</p> <p class="article">Po & St 20:00 - 21:00</p>

29
css/master.css
View File

@ -152,6 +152,14 @@ footer{
display: grid; display: grid;
grid-template-rows: repeat(2,auto); grid-template-rows: repeat(2,auto);
} }
footer p.article{
font-size: 2em;
margin: 0;
padding: 0;
}
footer h2.title{
font-size: 3em;
}
section.footer-top{ section.footer-top{
display: grid; display: grid;
grid-template-columns: repeat(2,auto); grid-template-columns: repeat(2,auto);
@ -159,10 +167,23 @@ section.footer-top{
footer .footer-buttons-left-row-grid{ footer .footer-buttons-left-row-grid{
display: grid; display: grid;
grid-template-rows: repeat(5,auto); grid-template-rows: repeat(5,auto);
justify-content: left;
}
footer .footer-button{
font-size: 1.8em;
}
footer button{
background-color: #5D5D5D;
color: #FCFCFC;
} }
footer .footer-logo-right-col-grid{ footer .footer-logo-right-col-grid{
display: grid; display: grid;
grid-template-rows: repeat(2,auto); grid-template-rows: repeat(2,auto);
justify-content: center;
}
footer .footer-img-logo{
width: 10em;
cursor: pointer;
} }
section.footer-bottom{ section.footer-bottom{
display: grid; display: grid;
@ -171,6 +192,7 @@ section.footer-bottom{
footer .footer-contacts-row-grid{ footer .footer-contacts-row-grid{
display: grid; display: grid;
grid-template-rows: repeat(5,auto); grid-template-rows: repeat(5,auto);
margin-top: 3em;
} }
footer .footer-heading-col-grid{ footer .footer-heading-col-grid{
display: grid; display: grid;
@ -182,6 +204,12 @@ footer .footer-heading-left{
footer .footer-heading-social-col-grid{ footer .footer-heading-social-col-grid{
display: grid; display: grid;
grid-template-columns: repeat(3,auto); grid-template-columns: repeat(3,auto);
justify-content: center;
grid-column-gap: 2em;
}
footer .footer-img-social{
width: 3em;
cursor: pointer;
} }
footer .footer-contacts-col-grid{ footer .footer-contacts-col-grid{
display: grid; display: grid;
@ -191,6 +219,7 @@ footer .footer-contacts-col-grid{
footer .footer-visit-row-grid{ footer .footer-visit-row-grid{
display: grid; display: grid;
grid-template-rows: repeat(3,auto); grid-template-rows: repeat(3,auto);
margin-top: 3em;
} }
footer .footer-visit-col-grid{ footer .footer-visit-col-grid{
display: grid; display: grid;