Part II

Responsive grids and how to actually use them: common UI layouts

How to use the right responsive grid and UI layout based on your design goals.

Christie Tang
UX Collective
Published in
12 min readApr 25, 2020

--

Now that you have a basic understanding of how to use grids, you might be wondering how to apply them to layouts you see on the web. Responsive grids are a method to systematically align your designs, to give order, establish hierarchy, and “logic” to your designs. It makes things look less floaty, and you can generally tell who is and who is not using a…

--

--

Product Designer at Meta. Jury at Awwwards. eSports enthusiast. Bonafide nerd. Ketogenic foodie. Sarcastic and crass INTJ. Design casually explained.