mobile.scss 626 B

123456789101112131415161718192021222324252627282930313233343536
  1. @media screen and (max-width: 960px) {
  2. .works-mea{
  3. & > div:last-child{
  4. display: none;
  5. }
  6. }
  7. .card{
  8. width: calc((100% / 2) - 5px )!important;
  9. }
  10. }
  11. @media screen and (max-width: 600px) {
  12. header{
  13. .head{
  14. padding: 0!important;
  15. }
  16. h1{
  17. font-size: 2.5rem!important;
  18. line-height: 5rem!important;
  19. -webkit-text-stroke: 1px black!important;
  20. }
  21. h2{
  22. font-size: 1.5rem;
  23. line-height: 0rem!important;
  24. margin: -0.7rem 0 0 0!important;
  25. }
  26. }
  27. .works-mea{
  28. & > div:nth-child(2){
  29. display: none;
  30. }
  31. }
  32. .card{
  33. width: 100%!important;
  34. }
  35. }