# Responsive grid in a module **URL:** \ **Category:** CMS Development\ **Created:** [March 3, 2022, 11:03am UTC](https://community.hubspot.com/t/responsive-grid-in-a-module/52489 "2022-03-03T11:03:44Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![JVallejo7](https://avatars.discourse-cdn.com/v4/letter/j/13edae/32.png) [@JVallejo7](https://community.hubspot.com/u/JVallejo7)\ **Post date:** [March 3, 2022, 11:03am UTC](https://community.hubspot.com/t/responsive-grid-in-a-module/52489/1 "2022-03-03T11:03:44Z")
How can i use the[hubspot grid](https://designers.hubspot.com/docs/cms/the-cms-responsive-grid)s in to a custom module? ![JVallejo7_0-1646305405250.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/8/8b5bf6d0e47d282e2d9c6be171458dec7ca6c20d.png) ![JVallejo7_1-1646305415857.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/3/83e27cce1695e8fdd3653a38195130b147de0374.png) ---
**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\ **Post date:** [March 3, 2022, 2:58pm UTC](https://community.hubspot.com/t/responsive-grid-in-a-module/52489/2 "2022-03-03T14:58:02Z")
@JVallejo7 I do not believe the styles are being loaded. Try it on a page rather than in the module preview and please do read the recommendations on that page you linked to: This page is specific to [Drag and Drop Design Manager templates](https://designers.hubspot.com/docs/building-blocks/templates/drag-and-drop-templates), **which we do not recommend for new templates.** Instead we recommend using [Drag and Drop Areas](https://designers.hubspot.com/docs/templates/drag-and-drop-areas), in [HTML + HubL templates](https://designers.hubspot.com/docs/building-blocks/templates/html-hubl-templates) as those provide the best experience for both developers and marketers. Just to provide a starting point, we have an optional similar [layout.css](https://github.com/HubSpot/cms-theme-boilerplate/blob/main/src/css/objects/_layout.css) file in the [CMS Theme Boilerplate](https://designers.hubspot.com/docs/building-blocks/themes/hubspot-cms-boilerplate) which you can use to help transition. ---
**Author:** ![JVallejo7](https://avatars.discourse-cdn.com/v4/letter/j/13edae/32.png) [@JVallejo7](https://community.hubspot.com/u/JVallejo7)\ **Post date:** [March 3, 2022, 3:03pm UTC](https://community.hubspot.com/t/responsive-grid-in-a-module/52489/3 "2022-03-03T15:03:30Z")
Preview page is specific to Drag and Drop Design ? ---
**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\ **Post date:** [March 7, 2022, 3:21pm UTC](https://community.hubspot.com/t/responsive-grid-in-a-module/52489/4 "2022-03-07T15:21:15Z")
Hi JVallejo7! Like @dennisedson said, sometimes, not all CSS Styles are loaded. I would also advice in making rather rigid 3 column modules. Maybe the editor wants to change the size of it or put a module between column 2 and 3. This would not work if the module requires to be full-width by design. I have switched to “size agnostic” modules, meaning it does not matter which size they have, giving the editor complete flexibility as to how they place and arrange everything. I would also advice against “single-use” modules ( modules that only serve one purpuse - e.g a “Testimonial” or “Team” Module), because they kind of obstruct flexible use cases. ---
**Author:** ![JVallejo7](https://avatars.discourse-cdn.com/v4/letter/j/13edae/32.png) [@JVallejo7](https://community.hubspot.com/u/JVallejo7)\ **Post date:** [March 8, 2022, 8:19am UTC](https://community.hubspot.com/t/responsive-grid-in-a-module/52489/5 "2022-03-08T08:19:57Z")
Thanks for your comments. Styles didn´t load correctly and I checked it