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

View File

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