Improved responsive display of homepage icons
This commit is contained in:
parent
04fbaa807a
commit
01d1da858a
1 changed files with 14 additions and 2 deletions
|
@ -275,7 +275,13 @@
|
||||||
&.contribute {
|
&.contribute {
|
||||||
ul {
|
ul {
|
||||||
li {
|
li {
|
||||||
|
@media (min-width: 701px) {
|
||||||
width: calc(100% / 5);
|
width: calc(100% / 5);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
a::before {
|
a::before {
|
||||||
@media (min-width: 901px) {
|
@media (min-width: 901px) {
|
||||||
|
@ -315,7 +321,13 @@
|
||||||
&.community {
|
&.community {
|
||||||
ul {
|
ul {
|
||||||
li {
|
li {
|
||||||
|
@media (min-width: 701px) {
|
||||||
width: calc(100% / 3);
|
width: calc(100% / 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
a::before {
|
a::before {
|
||||||
@media (min-width: 901px) {
|
@media (min-width: 901px) {
|
||||||
|
|
Loading…
Reference in a new issue