Skip to content
Submitted almost 3 years ago

Fylo-landingpage-Tailwind-CSS

tailwind-css
yudiz•200
@yud11z
A solution to the Fylo landing page with two column layout challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Another solution using Tailwind-CSS. All feedbacks are welcome. Regards

Code

Please log in to post a comment

Log in

Community feedback

  • Adriano•42,890
    @AdrianoEscarabote

    Hi yudiz, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

    The links must have an aria-label or sr-only text that tells where the link navigates the user. For example: Visit our Facebook. For images, you should set aria-hidden="true" to be ignored by screen readers and to avoid redundancy and repetition.

    I noticed that in higher resolutions the content is stretching a lot and the elements are getting too far from each other, to resolve add a max-width, but as we have background-color in the divs we need to put max-width in a div that only holds the content!

    The rest is great!

    I hope it helps... 👍

    Marked as helpful

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