Проблема Con Container Media Запросы [закрыто]CSS

Разбираемся в CSS
Anonymous
Проблема Con Container Media Запросы [закрыто]

Сообщение Anonymous »

Привет всем, я надеюсь, что вы можете помочь мне от всего сердца, я немного изучаю из этого мира, у меня есть проблема, что в запросах Encontainer, а не в Div Container не влияет, когда я применяю его, и когда я использую другие DOV, так что это отзывчиво, если он дает мне все ценности, проблема связана с портфелями-кафедрами, независимо от того, сколько я не даю мне каких-либо значений.




creando
[*]




=

Изображение





Изображение



Que es Lebarber?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur iste iure eius est expedita? Reprehenderit illum maiores, minima quidem eius doloribus cumque qui enim blanditiis aliquid rerum accusantium magnam voluptate.

SKILLS

  • 80%

    HTML

  • 60%

    CSS

  • 70%

    JS

  • 70%

    PYTHON

  • 90%

    SQL





PORTFOLIO SECTION


PROJECT

PROJECT

PROJECT

PROJECT

PROJECT

PROJECT




```

`.portfolio {
background-color: #18233f;
color: #fff;
min-height: 100vh;
display: flex;
flex-direction: column;
text-align: center;
container-type: inline-size;
container-name: portfolio;
}

.portfolio__title {
font-size: 3rem;
}

.Portfolio__project-container {
display: grid;
grid-template-columns: 1fr;
max-width: 1000px;
margin: auto;
width: 100%;
gap: 12px;
padding: 12px;
min-height: 90vh;

}
.portfolio__project {
display: grid;
background-image: linear-gradient(#000,#0006,#cc47), url(Logo.png);
background-position: center;
background-size: cover;
object-fit: cover;

}

.portfolio__project:hover {
opacity: 0.85;
outline: 2px solid #fff;
}

/* ----- Portfolio Queries ------ */
@container portfolio (min-width:600px) {
.Portfolio__project-container{
grid-template-columns: repeat(auto-fill, minmax(280px 1fr));
}
}`


Подробнее здесь: https://stackoverflow.com/questions/797 ... ia-queries

Вернуться в «CSS»