OK Gary (and Xara).

Kate's assertion was somewhat hubristic.
https://www.talkgraphics.com/showthr...-13-March-2023
We are proud to introduce Web Blocks to Designer Pro+ and Web Designer+, a completely new way of creating websites.
This ignores WordPress and countless other web generators.

Xara has reworked the available Templates.
We have File > New > Modular website 1280px (Responsive) and (a plus) User-defined templates in a bottom section.
Xara also added a 'free-flow' 1280px, as before, the largest web template was 960px.
For some reason, the A4 double page spread has lost its Text Areas.

So this is where it get tricky.
Xara has decided for you that the Variant is 480px wide, Main being 1280px.
The good thing is you can open this and change either of these widths and the Web Blocks (WB) scale to the new sizes.
You must do this before you start adding WBs.
Fail to do so and you then change the width or your Client wants a wider presentation, you have to jump through hoops to rework all the WBs.
Potentially, not a disaster.

For the moment, initially set your design to 1440+720px.
Add the WB, Grid > 3. Grid (4c), an image and three text blocks.
Every element scales to the new width and, unfortunately, all overlap.
Right you say. I'll just change my page back to 1280px. The WB does not rescale.
Back to 1440px then.
I'll just reset each element by hand.
When you select one element, there are no controls.
What you have to do is click on the Green Bar and pick QuickShape Tool and then you can rescale.

Say your text areas still overlap or you want the left one to be double width or the picture swapped with one of the text blocks.
Next attempt, right-click Open WebBlock.
You now find the elements are in a Layout Group.
Try resizing or moving any one of them.
Any normal Xara operation becomes a nightmare.

Add more text to a block and the Layout and WebBlock grows.
So does the image. How do you resize it?
Why go to the Fill tool and mess with that.
Delete a text block? No chance.

Gosh:
JavaScript error: "TypeError: Cannot set properties of undefined (setting '0')"SmartLayout.js (1): define(["./Path","./Shared","./SimpleSmartShape","./Matrix","./Rect","./Point","./Camelot","./ComplexSmartShape","./PhotoLib"],function(t,e,r,i,n,o,a,s,l){var h=s.ComplexSmartShape,p=o.Point,u=n.Rect,c=r.Simpl eRectangle,d=e.HandleID,g=e.FillType,f=(e.printfDe v,e.getResString),y=e.isNearly1;function v(t,e){return void 0===t?"undefined""0000000"+t.toString(16)).substr(e?-e:-8)}function m(t){if(Array.from)return Array.from(t);for(var e=new Array(t.length),r=0;r<t.length;r++)e[r]=t[r];return e}function x(){
All over one WebBlock.

Oh, and the usual lack of Snap to Objects when resizing a Layout.

Acorn