Skip to content
Submitted almost 3 years ago

Fylo land page with two column layout. Flexbox

Bernardus•1,095
@BernardusPH
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

Any help/advice would be much appreciated.

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    To avoid accessibility issue

    -add language to html like so: <html lang="en">

    Good Luck

    0
    Bernardus•1,095
    @BernardusPHPosted almost 3 years ago

    @skyv26 I have the <html lang="en">. But they say that I need to have a level one heading, which I also have, so I have no idea how to fix the issue

    0
    Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    @Artosh-afr Hi! I checked, you have used h1 tag for fylo and added display: none; property, semantic checker not consider the heading with display none property and you can do one thing, just change hero text h2 with h1 and then replace h2 with h1 in your css code and then generate report , it will solve issue.

    Marked as helpful
    1
    Bernardus•1,095
    @BernardusPHPosted almost 3 years ago

    @skyv26 Ah I see thanks.

    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