Huddle landing page. + dark mode and little animations.
Design comparison
Solution retrospective
I'll appreciate if you help me review my code and website, give feedback, advices and reviews. It comes with dark mode, so please be sure to check out the dark mode, thank you.βΊοΈπβ€οΈβ€οΈ
Community feedback
- @Aikaykalu17Posted almost 2 years ago
Hey bro I need your help on this challenge How did your make your bg top-desktop and bg-bottom to join together and be that wide??
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 I really don't know what you mean, can you rephrase the question?
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 ooh, I think I know what you mean now. You're asking how I made the first section and footer span the whole width? Use: footer, .section-1(depending on how you classed your first section){width: 100%}, this should make it span the whole width.
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 ooh, I think I know what you mean now. You're asking how I made the first section and footer span the whole width? Use: footer, .section-1(depending on how you classed your first section){width: 100%}, this should make it span the whole width.
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 ooh, I think I know what you mean now. You're asking how I made the first section and footer span the whole width? Use: footer, .section-1(depending on how you classed your first section){width: 100%}, this should make it span the whole width.
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 ooh, I think I know what you mean now. You're asking how I made the first section and footer span the whole width? Use: footer, .section-1(depending on how you classed your first section){width: 100%}, this should make it span the whole width.
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 ooh, I think I know what you mean now. You're asking how I made the first section and footer span the whole width? Use: footer, .section-1(depending on how you classed your first section){width: 100%}, this should make it span the whole width.
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 ooh, I think I know what you mean now. You're asking how I made the first section and footer span the whole width? Use: footer, .section-1(depending on how you classed your first section){width: 100%}, this should make it span the whole width.
0@Aikaykalu17Posted almost 2 years ago@chukwudobe-Micah This challenge bro
<section class="section__3"> <img class="section__3__bgtopimg mobile-curve" src="/images/bg-section-top-mobile-1.svg" alt=""> <img class="section__3__bgtopimg desktop-curve" src="/images/bg-section-top-desktop-1.svg" alt=""> <div class="section__3__container"> <img class="section__3__container__img" src="/images/illustration-grow-together.svg" alt=""> <div class="section__3__container2"> <h2> Grow Together</h2> <p> Generate meaningful discussions with your audience and build a strong, loyal community. Think of the insightful conversations you miss out on with a feedback form. </p> </div> </div> <img class="section__3__bgbottomimg mobile-curve" src="/images/bg-section-bottom-mobile-1.svg" alt=""> <img class="section__3__bgbottomimg desktop-curve" src="/images/bg-section-bottom-desktop-1.svg" alt=""> </section> That section part The svg file.....bg-section-top-desktop-1 How did you make it join together with bg-section-bottom-desktop-1?0@Aikaykalu17Posted almost 2 years ago@chukwudobe-Micah No not this sir Sent another question
0@Aikaykalu17Posted almost 2 years ago@chukwudobe-Micah
<section class="section__3"> <img class="section__3__bgtopimg mobile-curve" src="/images/bg-section-top-mobile-1.svg" alt=""> <img class="section__3__bgtopimg desktop-curve" src="/images/bg-section-top-desktop-1.svg" alt=""> <div class="section__3__container"> <img class="section__3__container__img" src="/images/illustration-grow-together.svg" alt=""> <div class="section__3__container2"> <h2> Grow Together</h2> <p> Generate meaningful discussions with your audience and build a strong, loyal community. Think of the insightful conversations you miss out on with a feedback form. </p> </div> </div> <img class="section__3__bgbottomimg mobile-curve" src="/images/bg-section-bottom-mobile-1.svg" alt=""> <img class="section__3__bgbottomimg desktop-curve" src="/images/bg-section-bottom-desktop-1.svg" alt=""> </section>That section part The svg file.....bg-section-top-desktop-1 How did you make it join together with bg-section-bottom-desktop-1?
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 I really don't understand your question, you're a Nigerian right? If we can text on WhatsApp.
0@Aikaykalu17Posted almost 2 years ago@chukwudobe-Micah Or drop yours lemme add you up
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 I just texted you, you should delete your number now.
0@chukwudobe-MicahPosted almost 2 years ago@Aikaykalu17 I just texted you, you should delete your number now.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord