# Make blocks design responsive

**URL:** <https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172>\
**Category:** RapidWeaver Classic\
**Created:** [January 21, 2018, 8:14pm UTC](https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172 "2018-01-21T20:14:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![abarcel84](https://avatars.discourse-cdn.com/v4/letter/a/ecd19e/32.png) [@abarcel84](https://forums.realmacsoftware.com/u/abarcel84)\
**Post date:** [January 21, 2018, 8:14pm UTC](https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172/1 "2018-01-21T20:14:02Z")

</div>

I have a site that I designed using Blocks plugin in RapidWeaver 6… When I test the site on different computers the site is not able to scale and parts of the site get cut off…

Has anyone had any luck figuring out a javascript or css that was able to make the block design responsive to the size of the users browser screen?

Thank you for any help.

---

<div class="post-metadata">

**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\
**Post date:** [January 21, 2018, 8:18pm UTC](https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172/2 "2018-01-21T20:18:14Z")

</div>

Maybe @isaiah will jump in here, but if I remember correctly, blocks was designed for static sized sites before responsive design was the norm. May be best to rebuild with stacks.

---

<div class="post-metadata">

**Author:** ![therealmf](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/therealmf/32/179_2.png) [@therealmf](https://forums.realmacsoftware.com/u/therealmf)\
**Post date:** [January 22, 2018, 8:03am UTC](https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172/3 "2018-01-22T08:03:01Z")

</div>

Hate to disappoint you, but: forget it. Blocks is based heavily on absolute positioning, on converting text into images in order to make it display as entered and on JS. Yesterday’s hero.

---

<div class="post-metadata">

**Author:** ![isaiah](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/isaiah/32/93_2.png) [@isaiah](https://forums.realmacsoftware.com/u/isaiah)\
**Post date:** [January 22, 2018, 8:30am UTC](https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172/4 "2018-01-22T08:30:16Z")

</div>

Responsive Blocks is called Stacks.

😉

Blocks was designed as a rigid fixed layout system (similar to iWeb) – but that sort of layout has obvious disadvantages when things need to be responsive.

As soon as the iPhone was released this became pretty obvious to me… I started working on Stacks pretty much the day after I bought my original iPhone. Stacks launched about a year later.

We keep Blocks around because it’s still is useful for building certain types of pages and there are a few folks that need exactly that.

But if you’re building a whole site – which on today’s web really really should be responsive – then you should build it in Stacks or other responsive page-styles, with a nice responsive theme.

Isaiah

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [January 28, 2018, 8:30am UTC](https://forums.realmacsoftware.com/t/make-blocks-design-responsive/18172/5 "2018-01-28T08:30:22Z")

</div>

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.