Šablona:Návody/styles.css

/* A) MALÁ OBRAZOVKA */
@media only screen and (max-width: 768px) {                                        /* DESKTOP or MOBILE VERSION */
  .navody-notification {
      width: 100%;
      text-align: center;
      margin: 1rem 0;
  }
  .navody-menu-main {
      display: flex;
      flex-direction: column;
      gap: 1rem 0; 
      margin: 1rem 0;
  }
  .navody-menu-item {
      flex: 1;
      margin: 0;
  }
}
/* B) VELKÁ OBRAZOVKA */
@media only screen and (min-width: 769px) {                                        /* DESKTOP or MOBILE VERSION */
  .navody-notification {
      width: 50%;
      text-align: center;
      margin: 2rem auto;
  }
  .navody-menu-main {
      display: flex;
      flex-direction: row;
      gap: 0 2rem;
      margin: 1rem 0;
  }
  .navody-menu-item {
      flex: 1;
      margin: 0 0 1rem 0;
  }
}