SIGMA/swedishchamber-granprize
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

* breakpoint changes

Browse Source
This commit is contained in:
Danyi Dávid 2018-05-06 21:37:49 +02:00
parent de88d599af
commit 03f8116bd2
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/styles/main.css
View File

@ -130,9 +130,10 @@ footer .ericsson-logo {
} }
img.embedded-image { img.embedded-image {
display: block;
max-width: 100%; max-width: 100%;
float: right; margin-left: auto;
margin-left: 10px; margin-right: auto;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -219,7 +220,7 @@ footer .ericsson-logo {
} }
/* tablet */ /* tablet */
@media only screen and (min-width: 780px) and (max-width: 1179px) { @media only screen and (min-width: 780px) and (max-width: 1219px) {
.app-container { .app-container {
grid-template-columns: auto 180px 580px auto; grid-template-columns: auto 180px 580px auto;
grid-template-rows: 170px auto 70px; grid-template-rows: 170px auto 70px;
@ -257,7 +258,9 @@ footer .ericsson-logo {
img.embedded-image { img.embedded-image {
max-width: 50%; max-width: 50%;
float: right float: right;
margin-left: 20px;
margin-bottom: 20px;
} }
img.embedded-image.keep-small-right { img.embedded-image.keep-small-right {
@ -303,7 +306,7 @@ footer .ericsson-logo {
} }
/* monitor */ /* monitor */
@media only screen and (min-width: 1180px) { @media only screen and (min-width: 1220px) {
.app-container { .app-container {
grid-template-columns: auto 180px 980px auto; grid-template-columns: auto 180px 980px auto;
grid-template-rows: 170px auto 70px; grid-template-rows: 170px auto 70px;
@ -323,7 +326,7 @@ footer .ericsson-logo {
} }
section.article { section.article {
grid-template-columns: 580px 380px; grid-template-columns: 580px 360px;
grid-template-rows: auto; grid-template-rows: auto;
grid-template-areas: grid-template-areas:
"article sidebar"; "article sidebar";
@ -405,7 +408,7 @@ section.article > .sidebar {
} }
section.article > .sidebar > img { section.article > .sidebar > img {
max-width: 380px; max-width: 100%;
} }
/* judges */ /* judges */