Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

243
Vistas
Media query is not working when css is added

Here media query is not working when CSS is added. If I removed CSS then the media query is working fine. Here i commented the CSS uncomment and check. what might be the issue here Can anyone suggest me in the direction.

/*.circle-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.circle-icons svg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.cr-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    height: 465px;
    padding: 50px;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
    border-radius: 20px;
    background: #fff;
}
.cr-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[class^="cr-box"] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 90%;
    z-index: 1;
}
[class^="cr-box"] div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.cr-text h2 {
    font-size: 42px;
    font-weight: 800;
    font-family: cursive;
}
.cr-image img {
    width: auto;
    height: 300px;
}

.cr-icon:hover {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
image.cr-icon {
    display: block;
    pointer-events: none;
}

.anim {
    fill:#000;
    transform: scale(1.1,1.1);
}
.cr-icon {
    cursor: pointer;
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform-box: fill-box;
}
div[class*="cr-box"] {
    visibility: hidden;
}

.cr-wrap .active  {
    visibility:visible !important;
};*/


/* Responsive css */

@media only screen and (max-width: 1440px) {
  body {
    background-color: #000!important;
  }
}
<meta name="viewport" content="width=device-width, initial-scale=1">

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda