Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Container] Background Color Extending to Margin
See original GitHub issueDuplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
I would like to see an easy and out-of-the-box way to fully set the background color of a Container component with a set width.
Examples 🌈
Could be setting a property that would change the internal working/styles of a Container:
<Container maxWidth='lg' coloredMargin>
--- Code for a Hero ---
<Container>
Motivation 🔦
So far, architecturally speaking not being able to fully set a background color to a Container due to the width limits adds a lot of complexity and useless code, e.g., `parent divs1…
Implementing this, would reduce code complexity of many projects - including mine!
Issue Analytics
- State:
- Created 2 years ago
- Reactions:3
- Comments:16 (8 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Simple @oliviertassinari add a switch to replace the Container margin by a padding for these use cases and problem solved and more use case coverage without hacking parent boxes or faffing around with the CSS andf selectors…
How would you see it implemented without an additional tag? You can’t set
padding: autoin CSS, so you need one element that has a background color and another nested one that restricts the width of the content. I suppose you could do some trickery with pseudoelements, but I haven’t checked. Plus, I don’t think it’s even worth trying.