First - the HTML and Read-only link are differences.
Publish link problems:
1/2. the text doesn’t adapt to the browser’s width:
First - HTML text - by default is responsive (wrap // matchbox size). Thier is no such term “unresponsive text” (Why you get this problem? because you add extra padding!)
2/2. need to zoom in and out in order to see it
Why? you set
Solution: Don’t use
vw for text (This works only in very special cases) - change to: rem/em/px
In general don’t put core-container inside row/col. This is the general structure (Don’t use container when you should use regular div/section - no meaning to put container inside 1/2 desktop col)
class .homeparagraph transform problem
You had transform (400px down) for this element (Now the p overlap other elements - looks buggy).
Also change this P to display block (no meaning to “display: flex;” in this case).
Last, on mobile - resize logo (You want the menu-icon & logo on the same line)