UL flex display in a column

Опубликовано: 29 Июнь 2023
на канале: 702 Pros

213

Learn Web Design - UL Flex Display in a column. I am Justin Young, a web developer with over 10 years of experience. If you ever wanted to learn web design. That's what we do on this channel. Quick tutorials on how to do things on your website, like #html , #css , #javascript , #php , #python , and #r.

//// CODE BELOW ////

KEYWORDS:
#coding #codingclasses #learntocode #learncoding #learncss #css3 #howtowebdesign #web #webdesign #websitedesign #websitedesign #websitedesigner #webdesigners #design #designer #learnwebdesign #designclass #webdesignclass #howtowebdesign

CSS:
.flexUL {
list-style-type: none;
padding:0;
display: flex;
flex-wrap: wrap;
gap: 20px;
flex-direction: column;
}

.flexUL li {
padding: 12px 20px;
text-transform: capitalize;
font-size: 18px;
background: #fff;
color: #000;
font-weight: 700;
border-radius: 500px;
}

.flexUL li: hover {
background: #ffffffcc;
}