Copy link to clipboard
Copied
Hello
Question: Why does the left column (orange) not expand all the way to the right when the browser window is made smaller by either dragging the computer browser window or viewed in a cell phone?
How to fix?
Test site to view code: http://www.davidshelpsite.com
You have a redundant curly bracket in your css, directly before the #right_column media query below - marked in red: (Remove it and your right column WILL then be 100% of its parent container)
}
Media@mercycity.churchscreen and (max-width: 768px) { /* this stops the div from expanding beyond max-width */
#right_column{
flex-basis: 100%;
}
} /* Must have 2 curly brackets for media screen */
Copy link to clipboard
Copied
Correction...... Why does the right column (orange) not expand all the way to the right when the browser window is made smaller by either dragging the computer browser window or viewed in a cell phone?
Copy link to clipboard
Copied
You have a redundant curly bracket in your css, directly before the #right_column media query below - marked in red: (Remove it and your right column WILL then be 100% of its parent container)
}
Media@mercycity.churchscreen and (max-width: 768px) { /* this stops the div from expanding beyond max-width */
#right_column{
flex-basis: 100%;
}
} /* Must have 2 curly brackets for media screen */
Copy link to clipboard
Copied
Thanks
Copy link to clipboard
Copied
No problem, its part of what happens, regardless of skill level, a tiny oversight, which is not always obvious, can easily be missed.