Layout grid alignment and background color

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
uli
 
 
Posts: 14
Joined: Mon Feb 12, 2018 5:58 pm

Layout grid alignment and background color

Post by uli » Sat May 12, 2018 5:47 pm

I have three problems with the attached file: https://ufile.io/6fzy7

- How do i set the maximum width of the layout grid to 1024 but still keep the red fullscreen background color in that section? I made a nested layout grid for that, but is there a simpler way?

- Why is the checkbox shown perfectly aligned to the send button in the program, but in the browser it's in a different position?

- Is there a simple way to align the text, checkbox and send button, maybe even in one line? Since i already need a nested layout grid for my first question i can't nest another level.

Thanks in advance...

User avatar
Pablo
 
Posts: 13987
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout grid alignment and background color

Post by Pablo » Sat May 12, 2018 5:58 pm

How do i set the maximum width of the layout grid to 1024 but still keep the red fullscreen background color in that section? I made a nested layout grid for that, but is there a simpler way?
Remove the '-' in front of the max-width value. This will set the background color to full width.
Why is the checkbox shown perfectly aligned to the send button in the program, but in the browser it's in a different position?
The checkbox is higher than it needs to be, this adds an offset in the browser.
Is there a simple way to align the text, checkbox and send button, maybe even in one line? Since i already need a nested layout grid for my first question i can't nest another level.
Text will always use the full width of its container. So, they cannot be on the same line in the same column.
It is possible with flexbox.

uli
 
 
Posts: 14
Joined: Mon Feb 12, 2018 5:58 pm

Re: Layout grid alignment and background color

Post by uli » Wed May 16, 2018 8:04 am

Thanks! I got everything resolved exactly like you said.

Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests