PrimeAcademy / biscayne-syllabus

1 stars 4 forks source link

Home Page/ MUI/ SX #26

Closed Heather-Haymond closed 1 week ago

Heather-Haymond commented 1 week ago

Description

Heather Haymond

What do you want to happen? I want to style the home page with MUI so that each section will fill the whole screen and implement snap scroll to navigate each section.

What is actually happening? each section is small/not taking up a full screen space. I'm using SX which is ok, but less than ideal. snap scroll is working fine.

Screenshots / Code Snippets

Screenshot 2024-06-25 at 2 05 20 PM Screenshot 2024-06-25 at 2 04 32 PM

What did you try? Who did you ask?

Team members, google, chatGPT... I tried to adjust the height of the container, 100% 100hv and am tempted to adjust margin and padding in reference to css, but trying to be mindful of time and collaboration

researching, googling, trying various solutions. It seems that adjusting the height of the container to 100vh with flex to make it dynamic should work ## What branch is your code on? Did you git push? feature/new_home_page

When was the last time you took a break?

lunch... but I've been looking at this for days and took real breaks

Thaaaaank you!!

matthew-black commented 1 week ago

Fill it up with content! Then, once you're to that point, take a look at it and think how it should be styled.