Getting a logo to sit in the middle [responsive design]
I have a logo which sits on the top left of my container in desktop to large viewports.
<a href="../index.php" class="active"><img src="../images/logo.png" width="200" height="35" alt="Logo" class="logo"></a>
I want to use media queries to centre this logo when viewed in phone / tablet sized viewports.
How would I do this? I have a workaround at the moment which is swaps out the img.logo for a roughly centred div (not quite right), it's certainly not ideal.
Any help would be much appreciated on best practice.