Need feedback and help: Product landing page

Hello everyone,
I developed product landing page. please review it.

And also I am trying to apply media query to my flex images and nav-bar. But nothing worked. If you can help me out here please.


What are you trying to do with your navbar?
If you are trying to make the links stack vertically, a simple change would be:

.nav li {
    display: block;

At that point in the media query, you also likely want to change the height of #nav-bar, maybe like

#nav-bar {
height: 155px;

Sorry but no change.
Actually I think my media query itself is not working . No matter what I add to that part ,no effect at all.

Are you trying to fix this media query?

@media only screen and (max-width: 520px;){ /* small screen*/


The colon at the end of (max-width: 520px) is not necessary. Here is correct syntax.

@media only screen and (max-width: 520px){ /* small screen*/

It worked!!
Thank you so much :slight_smile:

1 Like