Skip to content

Commit 941dbf3

Browse files
jameesySaraVieira
authored andcommitted
Home page fixes (codesandbox#1947)
* Media query to fix icon resizing. * Fix broken logo of Vue Vixens
1 parent 8bf6a2a commit 941dbf3

File tree

2 files changed

+27
-1
lines changed

2 files changed

+27
-1
lines changed

packages/homepage/content/users.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@
6565
{
6666
"name": "Vue Vixens",
6767
"link": "https://vuevixens.org",
68-
"logoURL": "https://vuevixens.org/_nuxt/img/logo.7c2625d.png",
68+
"logoURL": "https://vuevixens.org/_nuxt/img/7c2625d.png",
6969
"pinned": true
7070
},
7171
{

packages/homepage/src/screens/home/Frameworks/index.js

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,11 @@ const Icons = styled.div`
9595
margin-bottom: 4rem;
9696
min-width: 100%;
9797
98+
@media (max-width: 800px) {
99+
margin: 2rem 0;
100+
width: 100%;
101+
}
102+
98103
${media.phone`
99104
margin: 2rem 0;
100105
width: 100%;
@@ -107,6 +112,11 @@ const ScrollAtMobile = styled.div`
107112
justify-content: space-around;
108113
min-width: 100%;
109114
115+
@media (max-width: 800px) {
116+
justify-content: flex-start;
117+
overflow-x: scroll;
118+
}
119+
110120
${media.phone`
111121
justify-content: flex-start;
112122
overflow-x: scroll;
@@ -126,6 +136,22 @@ const IconContainer = styled.div`
126136
margin-bottom: 0;
127137
}
128138
139+
@media (max-width: 800px) {
140+
flex-shrink: 0;
141+
width: 96px;
142+
height: 96px;
143+
144+
svg {
145+
width: 60px;
146+
height: 60px;
147+
}
148+
149+
img {
150+
width: 60px;
151+
height: 60px;
152+
}
153+
}
154+
129155
${media.phone`
130156
flex-shrink: 0;
131157
width: 96px;

0 commit comments

Comments
 (0)