Set 50% window width background color with CSS

If you want to set the background color of your webpage to take up 50% of the window width, you can achieve this with CSS. First, you need to create a new CSS class and set the background color to the desired color. Then, you can use the "vw" unit to set the width of the background to 50% of the viewport width.

Here's an example CSS code:

.my-background {
  background-color: #f1f1f1; /* Replace with your desired color */
  width: 50vw;
}

In this example, the class "my-background" has been created with a background color of "#f1f1f1". The "width" property has been set to "50vw", which means that the width of the background will be 50% of the viewport width.

To apply this background color to an HTML element, you can simply add the class to the element like this:

<div class="my-background">
  This is my content.
</div>

In this example, a "div" element has been used with the "my-background" class added to it. The background color will be applied to this element and take up 50% of the window width.

By using this CSS code, you can easily set the background color of your webpage to take up a specific percentage of the window width.