# Page design - Responsive Text Boxes

**URL:** <https://community.hubspot.com/t/page-design-responsive-text-boxes/3010>\
**Category:** CMS Development\
**Tags:** css, html\
**Created:** [August 11, 2017, 8:15pm UTC](https://community.hubspot.com/t/page-design-responsive-text-boxes/3010 "2017-08-11T20:15:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![devon42](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/devon42/32/15097_2.png) [@devon42](https://community.hubspot.com/u/devon42)\
**Post date:** [August 11, 2017, 8:15pm UTC](https://community.hubspot.com/t/page-design-responsive-text-boxes/3010/1 "2017-08-11T20:15:00Z")

</div>

I have very limited knowledge of html, would it be possible for me to create a page similar to this one? [Leisure Travel Medical Insurance](https://www.worldtrips.com/leisure-travel)

Specifically I just want the boxes to write the text in.

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [August 11, 2017, 8:38pm UTC](https://community.hubspot.com/t/page-design-responsive-text-boxes/3010/2 "2017-08-11T20:38:25Z")

</div>

@devon42,

The fact that it has been done means you can do it  
 ![16x16_smiley-very-happy.png.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/a/a83ec960612094a57cfb392e21c202c8e77b967c.png)  
.

if you are using the template builder you could simply place 3 richtext modules next to each other. They will automatical stack veritcally on mobile because of Hubspots default responsiveness.

If you are wanting to add the background icons you could give each rich text module a specific class (or ID) and add background images to the specific classes in your css, the background images being the icons.

Give them all a generic class to so you can color them and add spacing.

---

<div class="post-metadata">

**Author:** ![devon42](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/devon42/32/15097_2.png) [@devon42](https://community.hubspot.com/u/devon42)\
**Post date:** [August 11, 2017, 8:49pm UTC](https://community.hubspot.com/t/page-design-responsive-text-boxes/3010/3 "2017-08-11T20:49:08Z")

</div>

Where would the html go? I’ve never coded anything within Hubspot, I’ve only used the template builder. Would I place a custom html module within the rich texts boxes?

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [August 11, 2017, 8:54pm UTC](https://community.hubspot.com/t/page-design-responsive-text-boxes/3010/4 "2017-08-11T20:54:41Z")

</div>

@devon42,

no you would just need to use rick text modules. create a test template in the template builder, drag three rich text modules side by side in the template, preview the page, and you will see that you are about 75% there. all you would need to do is style it.
