I have a question regarding CSS. Is it feasible to achieve this design without relying on padding for the "5 divs element"?
It is not possible to hardcode values in the style tag of each div because they will be used in a foreach loop, with the width remaining constant - 5 divs per row.
I am hesitant to use pseudo(::after a specific div) since I am uncertain about the total number of divs that will be present.If I try using:
width: calc(100% / 5 - *number of padding* px)
and then include padding: *number of padding* px;
on the 5 divs, my outer divs do not align as expected (they are not in line).
Do you have any suggestions on how to accomplish this effectively [without a bootstrap framework]?