***SOLVED*** My Website Looks Distorted in Mobile Devices

[vance]

I created another website using the Cards Experiments Template again
in my desktop computer. When done, it looks fine in PC computers.

But when I checked how it looks like in my Redmi7 cellphone,
some of my website elements had distorted displays.

So I would like to re-design my PC website to conform with Mobile CP devices.
Which feature in WYSIWYG that will allow me to see my website on how my design
looks like in cellphone devices?

Or maybe some links to Text Tutorials or Video Tutorials on:
"How to Design Websites that can DISPLAY properly on Mobile CP devices?"

There are some third parties online that allows me to have a preview of my site
in different devices but they require subscriptions or whatever.

[Pablo]

Did you add breakpoints to optimize the layout for mobile devices?

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=63817

[zinc]

This is good start - https://www.wysiwygwebbuilder.com/rwd_basics.html

You may want to install this to help you:

https://www.wysiwygwebbuilder.com/forum ... 23#p446523

[vance]

Hello Mr. Pablo,
I did not use breakpoint because I do not know what it is.
I will spend my day tomorrow reading more about breakpoints.

Hi zinc,
I like the BASIC HTML PAGE.
I will read it tomorrow.

But the one you instructed me to install seems to have a bug
as per discussion of the bloggers on that page.
So I will not install it for a while.
I think I should learn first about this BREAKPOINT and BASIC HTML.

Thanks to the two of you for your replies.

[Pablo]

See also:
http://wysiwygwebbuilder.com/layout_modes.html