Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Landing page responsive @ Fylo Dark

@tayhsn

Desktop design screenshot for the Fylo dark theme landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I wanna know how to improve the subscribe box that are between two divs. I had a little bit trouble with that.

Community feedback

Wisdom Ojimah• 170

@detachedsoul

Posted

You could remove the border from your input and the button, and then use the :focus pseudo class to add the border.

Give the testimonial and subscribe box some left and right padding.

What I would also suggest for the subscribe box is to put it in the footer, make the footer relative so that you can move the subscribe box within the footer. That way other elements outside the footer won't interfere with the box.

0

@Octagon-King

Posted

Hi Tayanne, I check your work and very well done but there some stuff you need to change. 1 - The curve image on the background, there are 2 sizes one for mobile and one for the desktop version. you can change them in media queries. 2 - The section background colour is not aligned with the background curve image. 3 - Need to change font sizes in mobile version. 4 - It's better you start first with a mobile approach and go on with larger sizes.

Happy Coding :)

0

@tayhsn

Posted

yeah, I try to do this with media query but do not work, so I just give up. But some word about my question? the subscribe box between two divs? I would appreciate that.

0

@Octagon-King

Posted

@tayhsn if something doesnt work you dont have to give up cause that's how we learn. don't start another project until you are done with one project. And you can ask for help in slack community. And I didn't get the question what you asked about 2 divs?

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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