edited buttons.css

This commit is contained in:
msosic97
2022-03-14 17:24:24 +01:00
parent 9e086ddabe
commit 99caca9e7d
10 changed files with 74 additions and 14 deletions

View File

@@ -0,0 +1,14 @@
*{
padding: 0;
margin: 0;
}
.App{
display: flex;
flex-direction: column;
}
p, h1, h2, h3 ,h4 {
font-family: Arial, Helvetica, sans-serif;
}

View File

@@ -0,0 +1,57 @@
.first-paragh {
padding-top: 20px;
margin-top: 50px;
}
.second-paragh{
margin-bottom: 60px;
padding: 20px;
}
.third-paragh{
padding: 20px;
margin-bottom: 10px;
}
.h1 {
text-align: center;
}
.h2 {
text-align: center;
}
@media screen and (max-width: 800px) {
.h2 {
font-size: 20px;}
}
@media screen and (max-width: 600px) {
.h2 {
font-size: 17px;}
}
@media screen and (max-width: 300px) {
.h2 {
font-size: 15px;}
}
@media screen and (max-width: 800px) {
.h1 {
font-size: 27px;}
}
@media screen and (max-width: 600px) {
.h1 {
font-size: 22px;}
}
@media screen and (max-width: 300px) {
.h1 {
font-size: 18px;}
}

View File

@@ -0,0 +1,10 @@
.h2 {
text-align: center;
padding: 2rem;
}
.buttons-container {
display: flex;
justify-content:center;
gap: 20px;
}

View File

@@ -0,0 +1,33 @@
.logo-img {
display: flex;
justify-content: center;
padding: 2rem 0 2rem 0;
}
.header {
margin-bottom: 100px;
display: flex;
justify-items: auto;
}
.paragraph{
display: flex;
flex-direction: column;
padding: 3rem;
gap: 20px;
}
h2{
display: flex;
margin: auto;
font-size: 300;
font-weight: 300;
padding: auto;
text-align: center;
}
#besplatno{
font-weight: bold
}