Skip to content
Submitted almost 2 years ago

Fylo landing page

Boots 😺•1,590
@adityaphasu
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

Heya Everyone! This is my solution to the Fylo landing page with two-column layout challenge 🙂

Questions I have:

  • What are the best practices when building a project with sass/scss? (This is my second time using it so I'm quite unsure about how I am doing things 😅)

Community feedback

  • Hassia Issah•50,670
    @HassiaiPosted almost 2 years ago

    Give .features the background-image you want to give to .team and add background-position: bottom -1rem and right 0, this should do.

    .features{
background-image: url();
background-size contain;
background-position:  bottom -1rem  right 0;
}

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    0
    Boots 😺•1,590
    @adityaphasuPosted almost 2 years ago

    @Hassiai Thanks for the reply! I tried implementing your solution but it didn't work quite well but I figured it out now! ✨ I just had to remove background-repeat and change background-size to background-size: 300% 100%;

    0

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