Skip to content

Commit 7264a14

Browse files
author
jsdnhk
committed
fixed styles on mobile device
1 parent b5c8c66 commit 7264a14

File tree

1 file changed

+68
-66
lines changed

1 file changed

+68
-66
lines changed

assets/css/about.css

Lines changed: 68 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -330,78 +330,80 @@ li .description {
330330
/* Media queries*/
331331

332332
@media(max-width: 1024px) {
333-
.container {
334-
padding: 15px;
335-
margin: 0px auto;
336-
}
337-
.cards {
338-
margin-top: 250px;
339-
}
333+
.container {
334+
padding: 15px;
335+
margin: 0px auto;
336+
}
337+
.cards {
338+
margin-top: 250px;
339+
}
340340
}
341341

342342
@media(max-width: 768px) {
343-
.container {
344-
padding: 15px;
345-
margin: 0px auto;
346-
}
347-
.cards {
348-
margin-top: 320px;
349-
}
350-
.card {
351-
padding: 15px;
352-
text-align: left;
353-
}
354-
.card h2 {
355-
font-size: 70px;
356-
}
357-
.card, .sections {
358-
width: 100%;
359-
height: auto;
360-
margin: 10px 0;
361-
float: left;
362-
}
363-
.timeline {
364-
border: none;
365-
background-color: rgba(0,0,0,0);
366-
}
367-
.timeline li {
368-
margin-top: 70px;
369-
height: 150px;
370-
}
343+
.container {
344+
padding: 15px;
345+
margin: 0px auto;
346+
}
347+
.cards {
348+
margin-top: 320px;
349+
}
350+
.card {
351+
padding: 15px;
352+
text-align: left;
353+
}
354+
.card h2 {
355+
font-size: 70px;
356+
}
357+
.card, .sections {
358+
width: 100%;
359+
height: auto;
360+
margin: 10px 0;
361+
float: left;
362+
}
363+
.timeline {
364+
border: none;
365+
background-color: rgba(0,0,0,0);
366+
}
367+
.timeline li {
368+
margin-top: 70px;
369+
height: 150px;
370+
}
371371
}
372372

373373
@media(max-width: 425px) {
374-
h1.name {
375-
font-size: 40px;
376-
}
377-
.card, .sections {
378-
width: 100%;
379-
height: auto;
380-
margin: 10px 0;
381-
float: left;
382-
}
383-
.timeline {
384-
display: none;
385-
}
386-
.job-title {
387-
position: absolute;
388-
font-size: 15px;
389-
top: -40px;
390-
right: 20px;
391-
padding: 10px
392-
}
393-
.lead {
394-
margin-top: 15px;
395-
font-size: 20px;
396-
line-height: 28px;
397-
}
398-
.container {
399-
margin: 0px;
400-
padding: 0 15px;
401-
}
402-
footer {
403-
margin-top: 2050px;
404-
}
374+
h1.name {
375+
font-size: 40px;
376+
}
377+
.card, .sections {
378+
width: 100%;
379+
height: auto;
380+
margin: 10px 0;
381+
float: left;
382+
}
383+
.timeline {
384+
display: none;
385+
}
386+
/*
387+
.job-title {
388+
position: absolute;
389+
font-size: 15px;
390+
top: -40px;
391+
right: 20px;
392+
padding: 10px
393+
}
394+
*/
395+
.lead {
396+
margin-top: 15px;
397+
font-size: 20px;
398+
line-height: 28px;
399+
}
400+
.container {
401+
margin: 0px;
402+
padding: 0 15px;
403+
}
404+
footer {
405+
margin-top: 2050px;
406+
}
405407
}
406408

407409

0 commit comments

Comments
 (0)