
Announcements
The first image is the design version of a list. The second image is that list displayed in the user
interface. As there are only two columns I liked to reduce the width of the list 'container'/'box';
where how would I achieve this task?
Goal 1: Minimize width to 300px
Goal 2: Center small container/box on screen
Hi @Phineas ,
This can be achieved by adding div , try below codes:
<div class="row sectionBlockLayout" style="display: flex; flex-wrap: wrap; padding: 8px; margin: 0px; text-align: left; min-height: 100px;">
<div class="container" style="display: flex; flex-wrap: wrap;">
<div class="col-md-12 columnBlockLayout" style="display: flex; flex-direction: column;">
{% include "entity_list" key:"YourEntityListName" %}
</div>
</div>
</div>
let me know if that helps