In the below video, I resized the logos, and then rearranged them in a grid. While selecting all the logos, make sure that the width and height are locked, and change either the width or height to 150px. I have eight logos that I need to organize in a grid, so the first thing I did is that I selected them and dragged them to the Sketch canvas. For this article, I will use Sketch App, but feel free to use whatever tool you want.
HOW TO VERTICALLY ALIGN TEXT USING CSS HOW TO
It’s worth mentioning that such articles will please designers, as it will make implementing their perfect-aligned logo sections much, much easier ).Īre you ready? Let’s dive in and align those logos! A Quick Design Introductionīefore we dive into CSS and how to better organize and style the logos of different sizes, I want to give a quick introduction of how I (as a designer) arrange logos in a design app. In this article, I will tackle the task of taking a group of logos, and exploring many ways to align and position them perfectly in CSS. Adding on that, some logos look horizontal and some are more vertical, let alone the different image sizes for each one. That task can seem simple at first, but it brings some challenges a long with it that are related to the alignment and centering of those logos.
As a front-end developer, you may have worked on making a section that contains logos for brands, clients, companies, you name it.
0 kommentar(er)
