diff options
| author | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2025-10-26 13:29:53 +0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-10-26 12:29:53 +0300 |
| commit | d2470b157f84844539c34adfaf77548069f47bd0 (patch) | |
| tree | b537237557666d0a18155be1fa5436a04455cdc7 /frontend/src/App.css | |
| parent | feat/frontend: center hamburger close button (#284) (diff) | |
| download | lphub-d2470b157f84844539c34adfaf77548069f47bd0.tar.gz lphub-d2470b157f84844539c34adfaf77548069f47bd0.tar.bz2 lphub-d2470b157f84844539c34adfaf77548069f47bd0.zip | |
feat/frontend: tablet breakpoints (#285)
Diffstat (limited to 'frontend/src/App.css')
| -rw-r--r-- | frontend/src/App.css | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/frontend/src/App.css b/frontend/src/App.css index 8325f87..96711f9 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css | |||
| @@ -94,6 +94,14 @@ body { | |||
| 94 | src: local('BarlowSemiCondensed-Regular'), url(./fonts/BarlowSemiCondensed-SemiBold.ttf) format('truetype'); | 94 | src: local('BarlowSemiCondensed-Regular'), url(./fonts/BarlowSemiCondensed-SemiBold.ttf) format('truetype'); |
| 95 | } | 95 | } |
| 96 | 96 | ||
| 97 | @media screen and (min-width: 769px) and (max-width: 1024px) { | ||
| 98 | main { | ||
| 99 | width: calc(100% - 20rem); | ||
| 100 | left: 19rem; | ||
| 101 | font-size: 2rem; | ||
| 102 | } | ||
| 103 | } | ||
| 104 | |||
| 97 | @media screen and (max-width: 768px) { | 105 | @media screen and (max-width: 768px) { |
| 98 | * { | 106 | * { |
| 99 | box-sizing: border-box; | 107 | box-sizing: border-box; |