Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Fylo landing page with two column layout using SASS

sass/scss
Dodeun•250
@Dodeun
A solution to the Fylo landing page with two column layout challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


First i was wondering how do you add the " Please check your email " on the input when the email is not the right format ? ::before and ::after doesn't work on input tags, and to my knowledge It is not possible to style a parent on child hover (or :invalid in my case) so I am stuck.

Second of all I know my code is very sloppy and I feel kind of bad for putting it out there :). When looking at the design I thought about going in a certain direction, turned out to not be so good and instead of redoing my html and the first part of my css I justed pushed on and kind of brute forced my way out.

I want to keep pushing on challenges with HTML / CSS only to soon start working and learning JS which I am excited about, and will later come back to this challenge and fix my solution.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Dodeun's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License