forked from M3-Academy/desafio-react-e-typescript
development #21
@ -15,11 +15,11 @@
|
||||
@media screen and (min-width: 2500px) {
|
||||
font-size: 36px;
|
||||
}
|
||||
.newsForm-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
.newsForm-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.newsForm-input {
|
||||
margin-right: 8px;
|
||||
@ -63,3 +63,31 @@
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
.newsForm {
|
||||
width: 100%;
|
||||
margin: 16px;
|
||||
padding: 0 16px 0 16px;
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
|
||||
letter-spacing: 0.05em;
|
||||
font-variant: small-caps;
|
||||
|
||||
color: #303030;
|
||||
}
|
||||
.newsForm-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.newsForm-btn {
|
||||
width: 100%;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.newsForm-input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
@ -20,6 +20,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
border-top: 1px solid black;
|
||||
margin-top: 56px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1025px) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user