How do I adjust the width of a list using CSS?

Site URL: https://steven-pillai-design.squarespace.com/work/snkrs-app

Hello,

I've been trying to adjust the width of a list section to be the same width as the other gray text blocks on my page. What would be the proper CSS coding to make this happen? 

The list is on the bottom of my page, and I've attached a screen shot.  Any help would be greatly appreciated. 

Thanks,

Steven

It looks like you solved with this CSS?

.user-items-list-item-container[data-section-id="62bc19f4e40c523789bfb735"] {
    max-width: 95% !important;
}

Hi tuanphan

Kinda...my only problem now is that when the browser window isn't maximized, the width for that whole section gets smaller than the width of everything else on the page. I've attached a screen below. Any suggestions? Ideally I'd like the widths of everything on the page to stay consistent. 

Thanks,

Steven

Try this new CSS

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="62bc49a9a9bdd610de07075b"] {
    max-width: 100% !important;
    padding: 0 !important;
}
[data-section-id="62bc49a9a9bdd610de07075b"] .content {
    width: 75%;
    margin: 0 auto;
}
section[data-section-id="62bc49a9a9bdd610de07075b"] .user-items-list {
    padding-left: 6vw;
    padding-right: 6vw;
}
}

Thanks tuanphan! It's working perfectly now. I appreciate your help!