search

NiclO1337 / pp4-banana-palace

A website for a restaurant specializing in delicious recipes using bananas. Fourth portfolio project with Code Institute.
0 stars 1 forks source link

[BUG] Broken design on small galaxy fold screen #47

Closed NiclO1337 closed 4 months ago

NiclO1337 commented 4 months ago

Describe the bug Get a sideways scrollbar on small screen

To Reproduce Steps to reproduce the behavior:

  1. Go to website
  2. Open dev tools
  3. Select "Galaxy fold" as dimension
  4. See a sideways scrollbar, most visible on footer.

Expected behavior Should not be any sideways scrollbar

NiclO1337 commented 4 months ago

Fix by adding a 2nd set of footer links that is only visible on small screen and one for bigger screens. That one for small is allowed to flex-wrap as to not break page width and add a sideways scrollbar.

The one for big screen is not allowed to flex-wrap to keep the desired design.