48 lines
568 B
SCSS
48 lines
568 B
SCSS
@import "template.scss";
|
|
|
|
.container {
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
gap: 30px;
|
|
}
|
|
|
|
.col1 {
|
|
border-radius: 4px;
|
|
width: 300px;
|
|
padding: 25px;
|
|
background-color: $shade3;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.col1 p:first-of-type {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.photo {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
margin-bottom: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.col2 {
|
|
width: 600px;
|
|
}
|
|
|
|
.iframe {
|
|
border: 0;
|
|
}
|
|
|
|
@media screen and (max-width: 576px) {
|
|
.container {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.col1, .col2 {
|
|
width: inherit;
|
|
}
|
|
}
|
|
|
|
|