Fix grid in Edge browser
This commit is contained in:
parent
9a88c2709d
commit
948878013c
|
|
@ -69,7 +69,10 @@
|
|||
|
||||
&__header {
|
||||
grid-area: h;
|
||||
display: -ms-grid;
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
}
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
background-color: $color-white;
|
||||
|
|
@ -81,7 +84,6 @@
|
|||
/*
|
||||
* For IE10+
|
||||
*/
|
||||
display: -ms-grid;
|
||||
-ms-grid-columns: 1fr 1fr 1fr;
|
||||
-ms-grid-rows: 60px 60px;
|
||||
|
||||
|
|
|
|||
|
|
@ -57,7 +57,10 @@
|
|||
}
|
||||
|
||||
.room-widget {
|
||||
display: -ms-grid;
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
}
|
||||
grid-template-rows: 210px 1fr;
|
||||
overflow: hidden;
|
||||
@include widget-shadow;
|
||||
|
|
@ -65,7 +68,6 @@
|
|||
/*
|
||||
* For IE10+
|
||||
*/
|
||||
display: -ms-grid;
|
||||
-ms-grid-rows: 210px 1fr;
|
||||
-ms-grid-columns: 1fr;
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,10 @@
|
|||
|
||||
<style scoped lang="scss">
|
||||
.book {
|
||||
display: -ms-grid;
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
}
|
||||
grid-template-columns: 305px 1fr;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -51,14 +51,16 @@
|
|||
|
||||
<style scoped lang="scss">
|
||||
.module-page {
|
||||
display: -ms-grid;
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
}
|
||||
justify-items: center;
|
||||
grid-template-columns: 2fr 6fr 2fr;
|
||||
|
||||
/*
|
||||
* For IE10+
|
||||
*/
|
||||
display: -ms-grid;
|
||||
-ms-grid-columns: 2fr 6fr 2fr;
|
||||
|
||||
& > :nth-child(1) {
|
||||
|
|
|
|||
|
|
@ -45,7 +45,10 @@
|
|||
|
||||
<style scoped lang="scss">
|
||||
.rooms-page {
|
||||
display: -ms-grid;
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
}
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
|
|
@ -59,7 +62,6 @@
|
|||
/*
|
||||
* For IE10+
|
||||
*/
|
||||
display: -ms-grid;
|
||||
-ms-grid-columns: 1fr 1fr 1fr;
|
||||
-ms-grid-rows: 260px;
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,9 @@
|
|||
<div class="topic">
|
||||
<h1 class="topic__title">Berufliche Grundbildung</h1>
|
||||
<p class="topic__teaser">
|
||||
Die berufliche Grundbildung lehrt Sie, den Arbeitsalltag erfolgreich zu bewältigen, Ihre Fähigkeiten zu entwickeln und beruflich flexibel zu sein. Ebenso wichtig ist der Umgang mit verschiedensten Mitmenschen. Eine angemessene mündliche Kommunikation erleichtert
|
||||
Die berufliche Grundbildung lehrt Sie, den Arbeitsalltag erfolgreich zu bewältigen, Ihre Fähigkeiten zu entwickeln
|
||||
und beruflich flexibel zu sein. Ebenso wichtig ist der Umgang mit verschiedensten Mitmenschen. Eine angemessene
|
||||
mündliche Kommunikation erleichtert
|
||||
das Zusammenleben und Zusammenarbeiten.
|
||||
</p>
|
||||
<div class="topic__modules">
|
||||
|
|
@ -37,7 +39,10 @@
|
|||
|
||||
&__modules {
|
||||
margin-top: 40px;
|
||||
display: -ms-grid;
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
}
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-column-gap: 40px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue