html - Flexbox not providing intended margins -
my list (somewhat) calling flexbox's space-around alignment, except first-child of footer list in question has relatively larger margin on it's left. cannot figure out , rather not risk future cheat. here's code; input helps, thank you:
#footer { width: 75%; background: dimgray; height: 150px; /* position: relative; */ bottom: 0; position: fixed; display: flex; display: -webkit-flex; } #footer ul { width: 100%; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around; -webkit-justify-content: space-around; } #footer li { width: 30%; height: 130px; list-style: none; border: 1px solid white; }
the ul element automatically gets default padding browser.
#footer ul { padding-left: 0; }
Comments
Post a Comment