Hit enter to search or ESC to close
Ghost Kit
  • Blocks
    • –
      • Grid
      • Progress
      • Button
      • Shape Divider
      • Divider
      • Alert
      • Icon Box
      • Number Box
      • Image Compare
    • –
      • Accordion
      • Tabs
      • Countdown
      • Video
      • Carousel
      • Pricing Tables
      • Testimonial
      • Widgetized Area
    • –
      • Contact Form
      • Table of Contents
      • Twitter
      • Instagram
      • GIF
      • Google Maps
      • GitHub Gist
      • Changelog
  • Extensions
    • Spacings
    • Display
    • Typography
    • Frame
    • Animate on Scroll
    • Custom CSS & JS
    • Color Palette
    • Customizer
  • Content
    • Numered Headings
    • Lists
    • Badges
    • Animated Text
    • Tooltips
  • Templates
  • Docs
  • Free Download
  • Go PRO
  • Getting Started
  • Blocks
  • Templates
  • Extensions
  • Responsive
  • Multilingual
  • CSS Variables
  • PHP Filters
    • gkt_enqueue_*
    • gkt_custom_typography
    • gkt_shapes_list
    • gkt_icons_list
  • jQuery Events
  • FAQ
    • An error occurred while updating Ghost Kit PRO: Could not create directory.
    • Why is contact form block not sending emails?
  • Home
  • /
  • Documentation

Responsive

Ghost Kit use a lot of responsive settings in blocks. Used 4 breakpoints, that works as desktop-first (calculates from large to small screens).

AllDesktopLaptopTabletMobile
Screen sizeAll<= 1200px<= 992px<= 768px<= 576px

For example, media query for Tablet looks like this:

Last modified October 5, 2020

Doc navigation

< Extensions Multilingual >
Was this page helpful?
Yes No

How can we improve this documentation?

GhostKit © nK

  • Blocks
    • –
      • Grid
      • Progress
      • Button
      • Shape Divider
      • Divider
      • Alert
      • Icon Box
      • Number Box
      • Image Compare
    • –
      • Accordion
      • Tabs
      • Countdown
      • Video
      • Carousel
      • Pricing Tables
      • Testimonial
      • Widgetized Area
    • –
      • Contact Form
      • Table of Contents
      • Twitter
      • Instagram
      • GIF
      • Google Maps
      • GitHub Gist
      • Changelog
  • Extensions
    • Spacings
    • Display
    • Typography
    • Frame
    • Animate on Scroll
    • Custom CSS & JS
    • Color Palette
    • Customizer
  • Content
    • Numered Headings
    • Lists
    • Badges
    • Animated Text
    • Tooltips
  • Templates
  • Docs
  • Free Download
  • Go PRO