I have tackled numerous lines of pure CSS code, and I always knew where each property was coming from. However, the inline CSS works fine, but not the class/id. The doctype is correctly typed. Despite spending a significant amount of time researching, nothing has helped me solve this issue. You are my last hope.
The HTML:
<div className='insideContainer'>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
<div className='default'>hello</div>
</div>
The CSS:
.insideContainer {
width: 300px;
height: 400px;
border: 1px solid #888;
overflow: scroll;
margin: 0 auto;
}
.default {
background-color: 'blue';
width: 200px;
height: 50px;
margin: 5px;
display: 'flex';
justify-content: 'center';
align-items: 'center';
border: 1px solid #888;
}
The browser: