Hello I am not sure if doing it right I am trying to set up my visible and hide classes for media screen not sure if got right so far.
@media screen and (min-width: 1024px) {
.visible-lg {
display: inherit !important;
}
.hide-lg {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.visible-md {
display: inherit !important;
}
.hide-md {
display: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 767px) {
.visible-sm {
display: inherit !important;
}
.hide-sm {
display: none;
}
}