Reference CSS Icons

<ul class="fa-ul" style="font-size:2em; color:#000;">
<li>User Research discovery, contextual research report, Documentation, Standards and Manuals</li>
<li>Usability Testing: Navigation, Information Architecture, Treejack, A/B, Heuristic Evaluation, Competitive Analysis, User Journey, Persona development</li>
<li>Design Systems: Human Interface Guidelines, Google Material</li>
<li>Platforms: iOS Native ecosystem, iPhone iPadOS, TVOS, watchOS, web</li>
<li>Sketch, Figma, Abstract, Principle</li>
<li>Adobe CC - XD, PS, AI, Premier</li>
</ul>

Semplice Sizes

Total Width 1170
1 Col = 70px
2 Col = 170px
3 Col = 270px
4 Col = 370px
5 Col = 470px
6 Col = 570px
7 Col = 670px
8 Col = 770px
9 Col = 870px
10 Col = 970px
11 Col = 1070px
12 Col = 1170px

Cover Sliders

1920 x 1080 or 2560 x 1440

Fluid portfolio grids

When it comes to fluid grids, the approach is similar to the cover slider: You need to find a good balance between quality and size. If you want to be sure, you can calculate the optimized values yourself. So for example, if you want to deliver sharp and crisp images to a 1920 x 1080 screen and you are using a fluid grid, you’ll need to divide the width by 12.

Example:
1920/12=160px per Column
3Col =160px*3=480px

CSS
underline-links

https://catlo.design/prototype/#/
→