* mobile size adjustments

This commit is contained in:
Danyi Dávid 2018-05-06 16:52:54 +02:00
parent a78d46645f
commit 63a15025f6
2 changed files with 11 additions and 4 deletions

View File

@ -78,14 +78,19 @@ section.error {
} }
section.home { section.home {
max-width: calc(100% - 40px);
grid-template-columns: auto auto; grid-template-columns: auto auto;
grid-template-rows: 370px 175px auto 175px; grid-template-rows: auto auto auto auto;
grid-template-areas: grid-template-areas:
"bigimg bigimg" "bigimg bigimg"
"article article" "article article"
"smallimg1 smallimg2"; "smallimg1 smallimg2";
} }
section.home > img {
width: 100%;
}
section.article { section.article {
grid-template-columns: auto; grid-template-columns: auto;
grid-template-rows: auto auto; grid-template-rows: auto auto;
@ -99,7 +104,7 @@ section.error {
} }
img.embedded-image { img.embedded-image {
max-width: 50%; max-width: 40%;
float: right; float: right;
margin-left: 10px; margin-left: 10px;
margin-bottom: 10px; margin-bottom: 10px;

View File

@ -1,8 +1,10 @@
<?php $this->layout('layout::default', ['title' => 'Aspect for Selection']) ?> <?php $this->layout('layout::default', ['title' => 'Aspect for Selection']) ?>
<section class="article"> <section class="article">
<article> <article>
<p>During the selection, the Board of Judges takes into consideration the following aspects:</p> <p>
<img class="embedded-image keep-small-right" src="<?= $this->serverurl('/img/aspects_for_selection.png') ?>"> <img class="embedded-image keep-small-right" src="<?= $this->serverurl('/img/aspects_for_selection.png') ?>">
During the selection, the Board of Judges takes into consideration the following aspects:
</p>
<ul> <ul>
<li>Novelty (innovation, original idea)</li> <li>Novelty (innovation, original idea)</li>
<li>Social responsibility</li> <li>Social responsibility</li>