fix(starter-page): responsive layout

This commit is contained in:
Alex 2020-03-25 14:41:46 +03:00 committed by Sergey Andrievskiy
parent fb6e04b80a
commit 8217c1c4fd
2 changed files with 5 additions and 8 deletions

View file

@ -43,7 +43,7 @@
alt="{{theme.name}} Theme"/>
</nb-card-body>
</nb-card>
</ng-container>
</ng-container>
</nb-layout-column>
<nb-layout-footer fixed>

View file

@ -6,6 +6,8 @@
img {
width: 100%;
object-fit: contain;
height: auto;
vertical-align: top;
}
h4 {
@ -17,8 +19,10 @@
nb-layout-column {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
}
nb-card {
@ -29,7 +33,6 @@
nb-card-body {
padding: 0;
height: auto;
}
nb-layout-header {
@ -141,15 +144,9 @@
}
@include media-breakpoint-down(xl) {
h4 {
margin: 0;
}
}
@include media-breakpoint-down(lg) {
h4 {
margin-bottom: 36px;
}
nb-card-header {
padding: 12px 20px;