Skip to content
Submitted almost 5 years ago

TailwindCSS Fylo Landing Page with 2-column layout

Hoe Hooi Yan•285
@hoehooiyan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo landing page with two column layout
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I have 2 issues here.

  1. I need to figure out a way to add the background image for the curved background.

    • Do I have to use the before pseudo-element for the background?
    • Or do I have to use the <img> tag?

  2. The footer layout is slightly different from the design, I'm gonna put it that way first ;)

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    Great work again! Your solution looks really good. I'd recommend going down the ::before pseudo-element with a background-image route for the curved background. This is because it's definitely a decorative image and so shouldn't add to the HTML.

    1

Please log in to post a comment

Log in with GitHub

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