Word Count: 112
  • Post category:Codings
  • Post last modified:2020-10-12

To hide an empty space at viewport width of 999px and below, create a class named as “.cu-es-hi-le999” where

  • ‘es’ stands for emply space.
  • ‘hi’ stands for ‘hide’.
  • ‘le’ stands for less than or equal to.
  • ‘999’ stands for the viewport width in px unit.
  • In CSS, add these lines below.

CSS:
@media (max-width: 999px) {
    .cu-es-hi-le999 {
        display: none;
    }
}

Similarly, to show an empty space at viewport width 999px, create a class with name “.cu-es-sh-le999” with appropriate CSS display: block, and if required, display: none at concerned width.

These are possible class names:

  • .cu-es-hi-ge999 where ge stands for greater than or equal to 999px.
  • .cu-es-hi-g999 where g stands for greater than 999px.