To make the ML Challenge Page mobile friendly, we'll need to update several of the components to be responsive
Font Sizes
The font sizes will also need to be reduced to fit more text in the smaller viewport.
Header
The header styling for mobile is currently broken because the nav bar doesn't hide the menu links into a more compact format such as a nav drawer or popup:
Scrolling right reveals that more of the header overflows:
Page Content
The page content will need to be fixed to respect the max width of the viewport. Currently some of the content overflows to the right:
Email signup form
The email signup form has a lot of overflowing text and looks broken due to its max height. We'll need to update it so that the height is dynamic:
To make the ML Challenge Page mobile friendly, we'll need to update several of the components to be responsive
Font Sizes
The font sizes will also need to be reduced to fit more text in the smaller viewport.
Header
The header styling for mobile is currently broken because the nav bar doesn't hide the menu links into a more compact format such as a nav drawer or popup:
Scrolling right reveals that more of the header overflows:
Page Content
The page content will need to be fixed to respect the max width of the viewport. Currently some of the content overflows to the right:
Email signup form
The email signup form has a lot of overflowing text and looks broken due to its max height. We'll need to update it so that the height is dynamic: