New bubbler here!
I’m trying to have a “centered” design for my app and i’m strugling with the header
I’m trying to achieve a header that looks more a less like product hunt’s :https://www.producthunt.com/
I want to use dummy shapes to keep my logo, search bar and button centered on the page but for some reason, the do not behave like I would like them to
I grouped my logo, search bar and button into a group that has a fixed width. I want those dummy shapes to expand and shrink according the page width, how can I do that?
The problem is that when you dropped the header on a page (e.g. index), it is narrower than the page itself. The responsive engine will interpret this you wanting to maintain a variable margin on the right of the header. What you can do is adjust the width of the header (namely Header A on index) to be the same as the page width.
