Tell us what’s happening:
You should give the ul a flex-wrap of wrap.
i already did but didnt work
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
nav ul {
display: flex; /* enable Flexbox */
flex-wrap: wrap; /* allow wrapping on small screens */
align-items: center; /* vertically center list items */
padding-inline-start: 0; /* remove default left padding */
margin-block: 0; /* remove default top and bottom margins */
height: 100%; /* ensure full height of the container */
}
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36
Challenge Information:
Learn Accessibility by Building a Quiz - Step 50