CSS Responsive Design

 CSS Responsive Design

CSS provides techniques to create responsive layouts that adapt to different screen sizes. Here's an example using media queries:

@media screen and (max-width: 768px) {

  .container {

    flex-direction: column;

  }

}

@media screen and (max-width: 480px) {

  .item {

    width: 100%;

  }

}