Адаптивная HTML верстка по psd макетам (персональный проект) – №897799

Приветствую всем. Имеется шаблон, нужен опытный человек который объяснит мне как лучше сделать. Возможно просто на словах. Цена ваша, подробнее в лс. Свернуть

Подскажите пожалуйста как сдвинуть вот эту таблицу влево ? беда в том что это мобильная версия и она должна подгонятся под смартфон то есть когда экран сузится таблица должна оставаться в углу ?


<!--
<?


echo '<td>';
if($row_Recordset1)
{
if($row_Recordset1==2) $vip='<font color=red>Выделенное</font>';
elseif($row_Recordset1==3) $vip='<font color=red>VIP</font>';
elseif($row_Recordset1==4) $vip='<font color=red>Спецразмещение</font>';
elseif($row_Recordset1==5) $vip='<font color=red>Поднято в поиске</font>';
elseif($row_Recordset1==6) $vip='<font color=red>Авто поднятие</font>';
echo $vip;
$ost = floor((strtotime($row_Recordset1)-time())/(24*60*60)); //!
if($ost<0) $pro=1; else $pro=2;

if($ost>0)
echo '<br><font color=green>Осталось '.$ost.' дн.</font>';
elseif($ost==0 and ($row_Recordset1!=5))
echo '<br>Последний день';
elseif($ost<0 and ($row_Recordset1!=5))
echo '<br><font color=red>Просрочено</font>';
$ost = floor((strtotime($row_Recordset1)-time())/(24*60*60)); //!
if($row_Recordset1!=5)
echo '<br><a class=green href="?prolong='.$row_Recordset1.'&pro='.$pro.'&vip='.$row_Recordset1.'">Продлить</a>';

}
echo '</table>';

?>
--> Свернуть

Верстка главной страницы сайта 
Дестоп 
ссылка
Мобильная ширина 
ссылка

Будет использована технология динамического показа содержимого, поэтому некоторые блоки в дестопе и мобильной ширине не идентичны, некоторые блоки скрываются. 

Верстка по методологии BEM (только название классов, без bem core), scss разбитый по модулям, flex с деградацией до float (или предлагайте свое решение), gulp и postcss приветствуется. 

Желательно показать примеры подобных работ. Свернуть