adding responsive 1
This commit is contained in:
@ -13,7 +13,7 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.coffeefarmers {
|
||||
height: 480px;
|
||||
height: 400px;
|
||||
background: white;
|
||||
background-image: url('@images/grains.jpg');
|
||||
background-repeat: no-repeat;
|
||||
@ -23,9 +23,9 @@ export default {
|
||||
|
||||
h3.header {
|
||||
font-weight: 600;
|
||||
font-size: 36px;
|
||||
font-size: 26px;
|
||||
line-height: 58px;
|
||||
padding: 175px 230px 0;
|
||||
padding: 120px 230px 0;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 10px #000;
|
||||
}
|
||||
@ -35,4 +35,12 @@ export default {
|
||||
width: 700px;
|
||||
margin: 50px auto 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
h3.header {
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
padding: 120px 16px 0;
|
||||
}
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user