@xristevich Hey, sry for delay. Overall this is a much better solution, than before. Great! The image is not shown, because the directory given connects to a folder which is not in the project, but will only exist on your computer ;) In the container-image you could write `display: flex` without `flex-direction: column`, instead writing `justify-content: center` to have one line less of code, because its works vice versa to align-items. but it might be just my personal preference. this ul list is great now, that looks fine. But now you repeat yourself over and over from css line 72 to end. css is strong, when you overwrite styles. in the class attribute of on the li's you can add multiple classes just put space between them. You will need overwriting styles at very many cases (take a look into https://css-tricks.com/specifics-on-css-specificity/). if you want the the button (the backgrounded li) to be clickable, not just the text, you need to change the behavior of the a tag. its standard is display inline, change it to display: block and put 100% width and height on it. Approach for overwriting and extend css rules Look in the first html/css comment so you could replace the css in the manner of the first comment with: ```//HTML

//CSS from line 72 to end replacement .text-number{ width: 80%; height: 25px; border: 5px; border-radius: 4px; background-color: #333333; font-size: 10px; text-align: center; padding-top: 2.5%; } .text-number a{ text-decoration: none; color: #ffffff; } .text-number.Frontend-Mentor, .text-number.LinkedIn, .text-number.Twitter, .text-number.Instagram { margin-top: 3%; }

Stefan W.

All solutions

Social links profile solution with flex and lightmode

blog-preview-card with flex

Frontend Mentor HelloWorld example with Flex