banner accompanyingcourse, new responsive design

This commit is contained in:
2021-07-30 19:56:01 +02:00
parent f9735823c7
commit 51216b90c5
5 changed files with 73 additions and 79 deletions

View File

@@ -3,7 +3,7 @@
<div class="container-xxl">
<div class="row">
<div class="col-sm-5">
<div class="col-md-6 ps-md-5 ps-xxl-0">
<h1>
<i class="fa fa-random fa-fw"></i>
{{ 'Accompanying Course'|trans }}
@@ -12,21 +12,21 @@
</div>
{# vue teleport fragment here #}
<div class="col-sm-3" id="banner-flags"></div>
<div class="col-md-3 mt-3 mb-1 my-md-3" id="banner-flags"></div>
{# vue teleport fragment here #}
<div class="col-sm-3" id="banner-status"></div>
<div class="col-md-3 mt-1 mb-3 my-md-3 pe-md-5 pe-xxl-0" id="banner-status"></div>
</div>
</div>
</div>
<div id="header-accompanying_course-details" class="header-details">
<div class="container-xxl">
<div class="row justify-content-md-right">
{# vue teleport fragment here #}
<div class="col-sm-10" id="banner-social-issues"></div>
<div class="col-md-10 ps-md-5 ps-xxl-0" id="banner-social-issues"></div>
</div>
</div>