My Awesome Poster

Ieben Smessaert, Julián Rojas Meléndez, Pieter Colpaert

IDLab, Department of Electronics and Information Systems, Ghent University - imec, Ghent, Belgium

Introduction

  • Lorem ipsum dolor sit amet.
  • Ex sapien vitae pellentesque sem placerat in id.
    • Pretium tellus duis convallis tempus leo eu aenean.
    • Semper vel class aptent taciti sociosqu ad litora.

Using icons

To add icons to your lists, you can use FontAwesome icons. For example:

<i class="fa-solid fa-circle-exclamation
 fa-2xs li-icon"></i>

For more information on how to use FontAwesome icons, visit fontawesome.com/icons.

Getting Started

You can configure your theme colors in css/style.scss.

You can choose different section layouts by using the grid-column and grid-row CSS properties.

By default, a 12 by 12 grid is configured. Spanning the full width is done with the value 1/13 which means, from the start of grid 1 to the start of grid 13 (or thus end of 12).

For example, to create a section that spans the full width and 3 rows in height, you can use the following CSS properties:

grid-column: 1/13;
grid-row: 3/6;

To add some spacing, you can use margin-left and margin-right properties.

For more information on CSS Grid, visit css-tricks.com/snippets/css/complete-guide-grid/.

Results and Conclusion