Update the demo site

[ineagu]

Description

The current demo site looks bad on mobile for e.g ( the header) and can use more elements + a way to switch between styles.

Can we do a proper demo for this? As I was thinking to promote it with the 6.2 release, this would be helpful.

Step-by-step reproduction instructions

Go to : https://demosites.io/raft/

Screenshots, screen recording, code snippet or Help Scout ticket

No response

Environment info

No response

Is the issue you are reporting a regression

No

[HardeepAsrani]

@mghenciu can you help here with what more you think we can do to improve the design that works great on all screens?

[selul]

@ineagu, from my point of view the current demo is looking quite good for promotion and marketing; I don't see those as blockers in case they take too much to not promote it. Do you think otherwise?

[ineagu]

As I’ve mentioned is broken on mobile ( the heading take the whole screen), the default w.org preview looks better.We dont need anything fancy, just replicate the w.org oneSent from my iPhoneOn Mar 26, 2023, at 11:09, Marius Cristea @.***> wrote: @ineagu, from my point of view the current demo is looking quite good for promotion and marketing; I don't see those as blockers in case they take too much to not promote it. Do you think otherwise?

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: @.***>

[selul]

For me seems good as it looks https://vertis.d.pr/i/as5rAo

[selul]

Can you share your browser when you get some time https://www.whatsmybrowser.org/

[ineagu]

Here is on Safari, iphone for e.gSent from my iPhoneOn Mar 26, 2023, at 11:18, Marius Cristea @.***> wrote: Can you share your browser when you get some time https://www.whatsmybrowser.org/

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: @.***>

[selul]

Sure, no need to rush; you can share the details whenever you get some time.

[ineagu]

Here is the screen on Safari, iphone, didn’t work in the last message.

[ineagu]

And wordpress.org

[ineagu]

Here is the browser link https://www.whatsmybrowser.org/b/NVVC8

[mghenciu]

Should look better now:

The issue was caused by a Custom font value (72px) for the Main heading on the Homepage. At this stage, is not possible to have different font size on Desktop and Mobile in FSE. The only way to do this is with Code, by defining responsive font size values.

[HardeepAsrani]

Closing this as Mihai confirmed this was fixed, and creating a new issue for another issue that we found.