zapupenec/diary_app

View on GitHub
src/components/layout/layout.module.css

Summary

Maintainability
Test Coverage
.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 40px;
}

.container {
  padding: 40px 40px 40px;
}

@media (max-width: 1439px) {
  .header {
    padding: 40px 80px;
  }

  .container {
    padding: 40px 80px;
  }
}

@media (max-width: 1023px) {
  .header {
    padding: 40px 80px;
  }

  .container {
    padding: 20px;
  }
}