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

Fylo landing page

#bem#accessibility
Adarsh• 1,560

@adram3l3ch

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

Community feedback

Kamasah-Dickson• 5,610

@Kamasah-Dickson

Posted

Hi adarsh 🙋so tell be how was the background svg positioned That's a very nice solution Good job😎

Marked as helpful

1

Adarsh• 1,560

@adram3l3ch

Posted

@Kamasah-Dickson Basically I divided the whole page into 3, header, main, footer. And the main again into 4 sections.The first section is just until the CTA. So I put the svg as background of that section and positioned it to the bottom.

 background: url() left bottom no-repeat;
 background-size:contain;

That's it

1
Kamasah-Dickson• 5,610

@Kamasah-Dickson

Posted

@adram3l3ch that was helpful maybe I will restart my solution in the future or maybe we can work on my solution as a branch since I have no experience working on a branch on github.

It would be a great experience though.

Marked as helpful

1
Adarsh• 1,560

@adram3l3ch

Posted

@Kamasah-Dickson Yeah sure. I've sent you a pull request, take a look at it

1
Kamasah-Dickson• 5,610

@Kamasah-Dickson

Posted

@adram3l3ch I really appreciate your time and concern Thanks alot.

1

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