Submitted over 4 years ago

TailwindCSS Fylo Landing Page with 2-column layout

Hoe Hooi Yan• 285

@hoehooiyan

Preview site View code

This is a solution for...

Fylo landing page with two column layout

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I have 2 issues here.

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?
The footer layout is slightly different from the design, I'm gonna put it that way first ;)

Community feedback

Matt Studdert• 13,611

@mattstuddert

Posted over 4 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.

Please log in to post a comment

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