***SOLVED***Wacky Preview

[scribeman01]

https://drive.google.com/drive/folders/ ... drive_link

Hope you had a great holiday Pablo.

I am using a master page and H1 (header) and while the page looks fine in set-up, the preview in multiple browsers stacks where the image above my text description on the right below it. I presume that I have to have the header in a layout grid but also having trouble controlling the header size to smaller sizes with my breakpoints. I can't use a H2 header for the page header? Been struggling with this a bit while watching the videos and the online instructional. I am not using responsive text boxes. Thank you Sir! Best, Bill

[BaconFries]

I think you are mis-understanding the use of H1 <h1> tag and that of the <header>. Generally on a web page we have a <header> and a <footer> The header usually contains the likes of a logo, navigation, search etc. Whereas the footer usually uses the likes of a copyright, when last updated etc.

Now the purpose of h1 to h6 <h1><h6> is primarily for SEO and search engines to read an breakdown the content (textual) of the page.
Using Headers H1, H2 ect
When using, the main text or paragraph you should always start with H1 <h1> (heading not header) tag it should use keywords that are related to the page title and also to the relivence of the page content.

The H2 tag is seen as a subheading to the H1, like the H1 tag it to should contain similar keywords used in your H1 tag.
If you need to use H3 then like before with the H2 being a subheading to H1 this time the H3 is a subheading of H2. As you can see there is a order of importance with H1 being the first from a SEO point.

It may be a good idea to read more on this
SEO Assistant

[Pablo]

The project has several issues:
- the master page does not have the same breakpoints as the content page.

- a 1280 breakpoint does not make sense.

Related FAQ:
viewtopic.php?t=63817

- The ID of your objects, this breaks the HTML structure:

Related FAQ:
viewtopic.php?t=64868

- The option "use <P> tags' should only be used in combination with responsive text.

Related FAQ:
viewtopic.php?t=34318


I recommend not to change any of the default settings or names unless you know what you are doing

[scribeman01]

Thank You Pablo!