responsive
This commit is contained in:
@@ -13,11 +13,17 @@ footer {
|
||||
padding-right: 2rem !important; }
|
||||
footer > .d-flex > div:not(:last-of-type) {
|
||||
border-right: 1px solid black; }
|
||||
@media screen and (min-width: 300px) {
|
||||
footer > .d-flex > div:not(:last-of-type) {
|
||||
border-right: none; } }
|
||||
@media (min-width: 992px) {
|
||||
footer .d-lg-block {
|
||||
display: block !important; } }
|
||||
footer #block-renderedsitesettingsblock-5 {
|
||||
max-width: 30%; }
|
||||
@media screen and (max-width: 300px) {
|
||||
footer #block-renderedsitesettingsblock-5 {
|
||||
max-width: 100%; } }
|
||||
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr; }
|
||||
@@ -33,6 +39,10 @@ footer {
|
||||
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) {
|
||||
grid-column: 2;
|
||||
grid-row: 3; }
|
||||
@media screen and (max-width: 300px) {
|
||||
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
|
||||
display: flex;
|
||||
flex-direction: column; } }
|
||||
@media (min-width: 992px) {
|
||||
footer #block-renderedsitesettingsblock-4 .d-lg-block {
|
||||
display: block !important; } }
|
||||
|
||||
Reference in New Issue
Block a user