Full screen layout with navigation

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Full screen layout with navigation

Jalpertti asked 5 years ago

Expected behavior

I would like to create a layout, which has ONLY three fields and fixed navigation so that the content is always 100% of height and width despite of the device and orientation. When the "device" is normal browser (a lot of space), it will have one field in the top and two field or areas below it side by side:

enter image description here

There should not be bleeding or escape outside of the screen, images should be responsive depending on the size of the screen.

Actual behavior

I cannot get those three boxes fo fill the whole screen without escaping the full screen view.

Thanks

Konrad Stępień staff answered 5 years ago

Hi @Jalpertti,

Did you see our page about the grid system in MDB?

If you didn't see, please check this page, and tell me if you have any problems.

I will try to make this layout.

Best regards, Konrad.

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.20.0
  • Device: Android
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
react-mdb-full-screen-layout
About author
Jalpertti
5Support score
1Questions 0Answers
0Snippets likes 0Snippets