# React CSS trouble, simple problem

**URL:** <https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378>\
**Category:** web dev\
**Created:** [February 6, 2019, 7:05pm UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378 "2019-02-06T19:05:09Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![glassbeads](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/glassbeads/32/9342_2.png) [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Post date:** [February 6, 2019, 7:05pm UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/1 "2019-02-06T19:05:09Z")

</div>

I can’t get my lite beige background color to cover the width of the screen : /

 ![background%20cover%20problem](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/6/674275adeaef5e933d20dd52e968934aa3d387b0.png)

 ![css%20beige%20background](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/7/7e43671bbdf5c79a35cec27dd4b5e316fbc65452.png)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [February 6, 2019, 11:59pm UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/2 "2019-02-06T23:59:42Z")

</div>

You can set the container width to 100vw (instead of 100%). Does that fix it?

---

<div class="post-metadata">

**Author:** ![glassbeads](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/glassbeads/32/9342_2.png) [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Post date:** [February 7, 2019, 12:20am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/3 "2019-02-07T00:20:33Z")

</div>

nope : (

---

<div class="post-metadata">

**Author:** ![glassbeads](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/glassbeads/32/9342_2.png) [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Post date:** [February 7, 2019, 12:24am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/4 "2019-02-07T00:24:59Z")

</div>

does this help you at all?

 ![inspect](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/a/ae6ae9f1a329c8fdc3ce70bceca4663381c488a9.png)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [February 7, 2019, 4:03am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/5 "2019-02-07T04:03:43Z")

</div>

Can you share a link to your example? This might require randomly trying out various CSS properties and seeing what works and what doesn’t.

---

<div class="post-metadata">

**Author:** ![glassbeads](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/glassbeads/32/9342_2.png) [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Post date:** [February 7, 2019, 11:22am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/6 "2019-02-07T11:22:02Z")

</div>

> **[geol1729/testGit](https://github.com/geol1729/testGit)**
>
> Contribute to geol1729/testGit development by creating an account on GitHub.

  
This is a create-react-app project from a Udemy course I’m building to learn how to code. The app is running on my local server.  
The problem is in:  
Client/src/components/auth/Register.js  
----and----  
Client/src/components/auth/Register.css

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [February 10, 2019, 4:20am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378/7 "2019-02-10T04:20:10Z")

</div>

Seems like my response never got posted! Sorry for the delay on this, but your Github link isn’t working.