Check out example codes for "width css". It will help you in understanding the concepts better.

Code Example 1

/* <length> values */
width: 300px;
width: 25em;

/* <percentage> value */
width: 75%;

/* Keyword values */
width: max-content;
width: min-content;
width: fit-content(20em);
width: auto;

/* Global values */
width: inherit;
width: initial;
width: unset;

Code Example 2

html {
    position: relative;
    min-width: 1024px;
    min-height: 768px;
    height: 100%;
}
<!-- Remove height 100% if needed fixed height -->

Code Example 3

/*Based on viewport*/
width: 100vh;
width: 100vw;

Code Example 4

/* <length> values */
width: 300px;
width: 25em;

/* <percentage> value */
width: 75%;

/* Keyword values */
width: max-content;
width: min-content;
width: fit-content(20em);
width: auto;

/* Global values */
width: inherit;
width: initial;
width: unset;

Learn ReactJs, React Native from akashmittal.com