<div class="centred-content">
<aside>
<div class="aside__container">
<div class="aside__content">
<div class="aside__header">
<h3 class="aside__title">How do I find out what I need for the country we want to be married in?</h3>
</div>
<div class="aside__body">
<p>Use the toolkit on GOV.UK to find out the requirements in the country in which you wish to hold your wedding.</p>
</div>
<div class="aside__link">
<p><a href="https://www.gov.uk/marriage-abroad">GOV.UK: getting married abroad</a></p>
</div>
</div>
</div>
</aside>
</div>
<div class="centred-content">
<aside>
<div class="aside__container">
<div class="aside__content">
<div class="aside__header">
<h3 class="aside__title">How do I find out what I need for the country we want to be married in?</h3>
</div>
<div class="aside__body">
<p>Use the toolkit on GOV.UK to find out the requirements in the country in which you wish to hold your wedding.</p>
</div>
<div class="aside__link">
<p><a href="https://www.gov.uk/marriage-abroad">GOV.UK: getting married abroad</a></p>
</div>
</div>
</div>
</aside>
</div>
/* No context defined for this component. */
.centred-content aside {
margin-left: -40%;
margin-bottom: 15px;
width: 38%;
padding: 0;
float: left;
line-height: normal;
display: block;
}
@media(max-width:1200px) {
.centred-content aside {
width: 50%;
margin-right: 20px;
}
}
@media(max-width:990px) {
.centred-content aside {
width: 60%;
margin-right: 20px;
}
}
@media(max-width:769px) {
.centred-content aside {
width: 70%;
margin-right: 20px;
}
}
@media(max-width:640px) {
.centred-content aside {
width: 40%;
margin-left: 0;
margin-right: 20px;
font-size: 90%;
}
}
@media(max-width:480px) {
.centred-content aside {
width: 100%;
margin-left: 0;
margin-right: 0;
font-size: 100%;
}
}
.centred-content aside .aside__image img {
width: 100% !important;
}
.centred-content aside .aside__content {
padding: 5px 8px 10px;
background-color: $whitesmoke;
}
.centred-content aside .aside__content h3 {
font-weight: bold;
margin: 0 0 3px;
}
.centred-content aside .aside__link a:before {
font-family: FontAwesome;
content: "\f0a9";
padding-right: 3px;
}
Added to the guide. Is only using within a parent container of class centred-content
.