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