Skip to content

Commit

Permalink
feat: implement some adaptive fiatures
Browse files Browse the repository at this point in the history
dzichonka committed Sep 23, 2024
1 parent eed9920 commit 0130129
Showing 17 changed files with 74 additions and 68 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
# audioplayer
Project for RS-School course
[Project for RS-School course](https://rs.school/courses/javascript-preschool-ru)
12 changes: 0 additions & 12 deletions assets/svg/RS.svg

This file was deleted.

3 changes: 0 additions & 3 deletions assets/svg/Shape(1).svg

This file was deleted.

3 changes: 0 additions & 3 deletions assets/svg/Shape.svg

This file was deleted.

3 changes: 0 additions & 3 deletions assets/svg/Union(1).svg

This file was deleted.

3 changes: 0 additions & 3 deletions assets/svg/Union(2).svg

This file was deleted.

3 changes: 0 additions & 3 deletions assets/svg/Union.svg

This file was deleted.

4 changes: 0 additions & 4 deletions assets/svg/pause.svg

This file was deleted.

Empty file removed assets/svg/plus.svg
Empty file.
3 changes: 0 additions & 3 deletions assets/svg/stick1.svg

This file was deleted.

45 changes: 36 additions & 9 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -17,18 +17,32 @@ body {
}

.container {
padding: 0 30px;
padding: 30px;
max-width: 1140px;
height: 100vh;
margin: 0 auto;
}

main {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.intro {
text-align: center;
padding: 50px;
padding: 50px 10px;
margin: 0 auto;
font-size: 96px;
color: rgb(245, 231, 231);
line-height: 0.25;
line-height: 0.8;
}
.intro span {
text-align: left;
@@ -301,6 +315,15 @@ footer {
}

@media (max-width: 768px) {
main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.intro {
font-size: 56px;
}
@@ -309,13 +332,17 @@ footer {
}
}
@media (max-width: 500px) {
.intro {
padding: 30px 10px;
font-size: 56px;
line-height: 0.7;
.container {
padding: 0;
margin: 0 auto;
}
.intro span {
font-size: 16px;
main {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.intro {
display: none;
}
.cover-wrapper {
width: 240px;
Loading

0 comments on commit 0130129

Please sign in to comment.