CSS Responsive Layouts Media Queries Media Query Review

SeHyun Choi
SeHyun Choi
3,441 Points

How to center nav at @media (min-width:480px)

Hi, I am trying to recreate the tutorial web for practice. I want the Nav to be centered at 480px width but I can't seem to figure it out. Please help.

@media (min-width:480px) {

.title {


nav li {

1 Answer

Steven Parker
Steven Parker
204,010 Points

Floats complicate alignment. But one approach might be to give your nav element the "display: inline-block;" property, and enclose it in a container that has the "text-align: center;" property.