Skip to content

Commit 94f4914

Browse files
committed
mobile view.
1 parent 5014aae commit 94f4914

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

css/style.css

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -645,6 +645,8 @@ footer {
645645
/* =========================================================
646646
MOBILE
647647
========================================================= */
648+
649+
648650
@media (max-width: 768px) {
649651

650652
.navbar {
@@ -705,11 +707,16 @@ footer {
705707
}
706708
}
707709

710+
@media (max-width: 640px) {
711+
.services-grid {
712+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
713+
}
714+
}
715+
708716
@media (max-width: 480px) {
709717

710718
/* NEW: Extra small screens */
711-
section,
712-
.site-header {
719+
section{
713720
margin: 32px auto;
714721
padding: 24px 4%;
715722
}
@@ -738,8 +745,3 @@ footer {
738745
}
739746

740747

741-
@media (max-width: 640px) {
742-
.services-grid {
743-
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
744-
}
745-
}

0 commit comments

Comments
 (0)