Making a user interface responsive is hard. It often means struggling with media queries for many hours to get a result that is barely OK. However, new CSS technologies like CSS Grid have made this task far less tedious — especially for grids.

For example, imagine you have to display a list of products for a commerce app. Your task is to make it responsive, so you decide to display three products per row for desktops, two products per row for tablets, and only one product per row for mobile.

#ux #learning-to-code #css