issue with container of item is width:0px

[STU-DESIGNER]

display: flex;flex-direction: column;place-content: stretch flex-start;flex: 1 1 0%;/ width: 0px; /gap: 10px;

Removing width 0px; Fixed my issue. had to remove the width to fix this

useEffect(()=>{
        const data = document.querySelectorAll('div[style="display: flex; flex-direction: column; place-content: stretch flex-start; flex: 1 1 0%; width: 0px; gap: 10px;"');
        console.log(data)
        if(data){
            data.forEach((item)=>{
                (item as HTMLElement).setAttribute('style', 'display: flex; flex-direction: column; place-content: stretch flex-start; flex: 1 1 0%; width: 100%; gap: 10px;')
            })
        }
    },[document.querySelectorAll('div[style="display: flex; flex-direction: column; place-content: stretch flex-start; flex: 1 1 0%; width: 0px; gap: 10px;"')])

[AlexEnache98]

Hey @STU-DESIGNER While your solution does the job at first sight it doesn't work for safari because the selector becomes a bit different, A solution that i found for all browsers is to .post__responsive > div > div { width: 100% !important; }

where the post__responsive in my case is the className applied on the ResponsiveMasonry component.