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

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -