From 7f56a30db6dfd4111f0449b17a5a5412de52851d Mon Sep 17 00:00:00 2001 From: MayowaShoyinka <47593314+MayowaShoyinka@users.noreply.github.com> Date: Thu, 8 Apr 2021 12:01:07 -1100 Subject: [PATCH 1/3] Create README.md --- README.md | 1 + 1 file changed, 1 insertion(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..77c5cca --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# zuri-responsive-design-starter-1 From 88e764cd3a9cc2fadf2c7a395dcac68f314e4f08 Mon Sep 17 00:00:00 2001 From: Mayowa Shoyinka Date: Thu, 8 Apr 2021 12:08:02 -1100 Subject: [PATCH 2/3] added media query --- styles.css | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 116 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index c363a30..9c4a6a8 100644 --- a/styles.css +++ b/styles.css @@ -344,4 +344,119 @@ div.footer h6 { color: #88949B; font-size: 1rem; padding-top: 6rem; -} \ No newline at end of file +} + + +/* ------------ @ Media Queries (Responsiveness) ------------------------------- */ +@media screen and (max-width: 768px){ + div.nav-bar{ + justify-content: space-between; + display:flex; + width:100vw; + padding:14px; + } + div.logo{ + font-size: 1.3rem; + } + ul.nav-links{ + flex-direction: column; + } + ul li{ + margin: 0; + font-size: 1rem; + } + ul li a{ + display: block + } + div.hero-section{ + padding: 5rem 2rem; + } + div.hero-content h3{ + text-align: center; + font-size: 1.5rem; + text-transform: none; + } + div.hero-content-heading p{ + font-size: 0.6rem + + } + div.hero-background{ + background: #f0f0f0; + padding: 10rem; + display: flex; + + } + div.background h4{ + padding: 1rem; + font-size: 1rem; + } + div.background p{ + padding-left: 0.5rem; + font-size: 0.62rem + } + div.hero-background-pos{ + display:none; + } + div.snapshot-team h2{ + font-size: 1.2rem; + } + div.snapshot-team p{ + font-size: 0.8rem; + } + div.snapshot-box{ + padding: 2rem 0rem; + } + div.snapshot-box-content{ + display: flex; + flex-direction: column; + } + div.box1{ + width: 300px; + height: 230px; + } + div.box3{ + width: 300px; + height: 230px; + } + div.gallery-section{ + padding: 2rem; + } + div.img img{ + width: 300px; + height: 180px; + } + div.gallery-content h4{ + font-size: 1.2rem; + } + div.gallery-content p{ + font-size: 0.8rem; + } + /*for footer*/ + input[type="email"] { + width: 100%; + padding: 10px 20px; + } + input[type="text"] { + width: 100%; + padding: 10px 20px; + } + textarea{ + width: 100%; + height: 150px; + } + div.footer h6{ + font-size: 0.8rem; + padding-top: 6rem; + } + div.footer{ + padding: 2rem; + } + div.footer-content h4{ + font-size: 1.2rem; + } + div.footer-content p{ + font-size: 0.8rem; + } + +} + From 80331d55a9f2ec9247e442d8e75473aaf9cccee6 Mon Sep 17 00:00:00 2001 From: Mayowa Shoyinka Date: Fri, 28 May 2021 01:20:40 +1000 Subject: [PATCH 3/3] selling platform --- selling-platform | 1 + 1 file changed, 1 insertion(+) create mode 160000 selling-platform diff --git a/selling-platform b/selling-platform new file mode 160000 index 0000000..9ce6938 --- /dev/null +++ b/selling-platform @@ -0,0 +1 @@ +Subproject commit 9ce6938beec9b832e0cb289fab69d2d724a0d04e