Good Morning All
I thank you in advance for any assistance and greatly appreciate this resource.
I have designed a restaurant website and have made most aspects of the site responsive.
The restaurant has recently been awarded the trip advisor certificate of excellence, and you are allowed to add the following code to the site, without alterations : -
"<div id="TA_certificateOfExcellence718" class="TA_certificateOfExcellence">
<ul id="UKbN8wvN0we" class="TA_links xI2LWREOU">
<li id="8s2L0P9" class="2EX1CuR"><a href="http://www.tripadvisor.co.uk/Restaurant_Review-g186361-d789990-Reviews-Moya-Oxford_Oxfordshire_England.html">Moya</a></li>
The problem is found on my homepage :-
In order to fit the formatting of the boxes at the bottom of the page, I have added a div that sets the margins to align the boxes at the bottom of the page together. : -
<div style="margin: 2% 0 11% 0;">
However, this box breaks up on smaller devices and doesn't fit in with the rest of the site. Is there any way that I can correct this? I've played around but I'm yet to find a solution.
Again thank you in advance for any help