Build a Product Landing Page (how build mobile version?)

HTML-CSS
#1

Tell us what’s happening:
Hello friends, help me please!
How to make the mobile version of the site hide the menu, and not to write @ media for each id or class?

In this example, almost everywhere is to write @Median
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page/
Is there other way?

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page/

#2

Hey ALejandro,
Try learning about CSS Grid.
It is super helpful for responsive design.


This is one of the tutorials for it on freecodecamp youtube channel.
You can also use bootstrap for this purpose.
You can easily find bootstrap tutorials online.
Hope it helps.
1 Like
#3

very thank you friend but I badly perceive by the ear(((

#4

See if this helps for css grids.

#5

and here not show how do mobile version site, show how move blocks

#6

If you dive deeper you will understand how it will be useful for responsive design.

#7

okay friend, i will be learn , but if you know how do menu how show on the screen below say please
http://joxi.ru/MAj35zBi4Mvwdr
i found from manual but manual is very very bad, i wnat will do my site menu how show on the screen

#8
#9

I do not see here a solution about which I asked a post above O_o

#10

Bootstrap can help you achieve that quite easily.
Look for bootstrap hamburger menu and you will find it.
See if this helps?

1 Like
#11

No one is going to just give you a solution. You need to make an attempt on your own to create the menu you want. Do a search on the forum and/or Google to see how others have done something similar.

Definitely consider learning any of the resources @aditya_p has suggested (especially the one on Bootstrap) which easily let’s you show/hide mobile menus.

#12

yes man, i find to the solution with bootstrap but site bootstrap and not mbbootstrap, thank you

#13

I’m not asking for a ready solution, I’m just confused, who says one who says different, both in Google and on forums, so I wanted to understand with what I can realize my idea.
Yesterday nobody give me solution
I’m not asking for a ready solution, I’m just confused, who says one who says different, both in Google and on forums, so I wanted to understand with what I can realize my idea.
Because i asking help but solution friend

#14