diff --git a/css/custom.css b/css/custom.css index a05195f..334037b 100644 --- a/css/custom.css +++ b/css/custom.css @@ -41,7 +41,7 @@ color: #989da4 } .powered a:hover { -text decoration: underline; +text-decoration: underline; } .powered a:visited { @@ -163,6 +163,8 @@ margin-bottom: 30px; text-align: right; } + + .sidebar a { color: #ccc; } @@ -255,6 +257,7 @@ padding-top: 40px; background-color: #060607; } +} @media (max-width: 767px) { .carousel-caption p { @@ -318,4 +321,39 @@ padding-top: 40px; .sidebar { margin-top: 15px; } + + } + + +@media (max-width: 768px) { + .powered-container-two { + display: flex; + flex-wrap: nowrap; + overflow-x: auto; + gap: 16px; + padding-bottom: 10px; + -webkit-overflow-scrolling: touch; + scrollbar-width: thin; + } + + .powered-container-two::-webkit-scrollbar { + height: 6px; + } + + .powered-container-two::-webkit-scrollbar-thumb { + background: #999; + border-radius: 10px; + } + + .powered-container-two .col-sm-3 { + flex: 0 0 auto; + width: 220px; + } + + .powered-logo { + max-width: 100%; + height: auto; + margin-bottom: 0; + } +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..2a10296 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "netflix.github.com", + "lockfileVersion": 3, + "requires": true, + "packages": {} +}