This is a working solution for 12 column designs (in the 1140/1120 grid) where the containers have different widths. Also on tablet and mobile I have put everything on 100%, but you can ofcourse change this according to your design.
Afin de mieux répondre à vos besoins nous vous invitons à nous contacter.
This is the perfect solution for wrapping, because you never have to use px, it’s the same on desktop, tablet and mobile and you can even change the element gap from 20 to 30px. Your backgrounds containers should be on boxed. Values used: 1120 for ultra wide & desktop, 80% for laptop, tablet extra, tablet, mobile extra, then mobile on 90%. Make sure to add the extra responsive breakpoints otherwise it’s not as my example.
Driven by our values of technical excellence, proximity to clients and entrepreneurial spirit, we are more than ever determined to be a company that is useful to the world and to people, and that contributes to have a positive impact on the environment and society.
© 2025 Artelia Canada all rights reserved.
In order to provide the best experiences, we use technologies such as cookies to store and/or access device information. These technologies enable us to process data such as browsing behavior or unique identifiers on this site. To find out more about the processing and storage of data collected, please consult our privacy policy >
You may freely give, refuse or withdraw your consent at any time by modifying _preference panel / _cookie settings. Refusal or withdrawal of consent may alter certain features and functions.