Responsive Web Design

[demenech]

When I navigate through the website, I want all pages to be responsive so that I can access and use it on all devices.

Acceptance Criteria

• All the pages are usable on mobile
• All the pages are usable on tablet

Tasks

• Review and fix responsiveness issues on:
  • Global Sections and Components
    • Header Main Menu : Prevent menu from overriding other components on desktop
    • Language Buttons: prevent line break
    • Next Stop Section: prevent line break
    • Footer
    • Close menu after click on mobile
    • Language overlap logo
  • Home
    • Form Search: Centralized on Tablet
    • What's New Section: Break Columns on
      • Tablet
      • Mobile
  • Datasets
    • Dataset Item Card
      • Tablet
      • Mobile
  • Dataset Detail Page
    • Breadcrumb
    • Title on small devices
    • Dataset info
    • Share, Cite, Rate
    • Resources fixed height on small devices
    • Resource preview and schema
  • Build Your Data
  • Organizations
    • Organization Item Card
      • Tablet
      • Mobile
    • Topics items container 4k
    • Developers Guide container 4k
  • Topics
    • Topic Item Card
      • Tablet
      • Mobile
  • 101
    • Content horizontal padding
  • News
    • Article card
      • Tablet
      • Mobile
  • Applications
    • Content horizontal padding
    • Grid
  • Real time data
    • Column break on tablet and mobile
    • Small images on smaller devices
  • Request Data
    • Content horizontal padding
    • Remove form margin on smaller devices