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-with-two-column-l

@sohailmahmoud17

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, If you have a better idea to improve the solution, don't hesitate to tell me in the comments below

Community feedback

Account Deleted

I have some suggestion for you

  • I notice to your footer where the email & phone number. you declared them as a paragraph instead <a></a> a link. so basically using that kind of way the accessibility of your website it will be affected. to fix that you need to applied this code below
<div class="phone">
          <img src="images/icon-phone.svg" alt="">

         // Never do this because is a bad practices
          <p>Phone: +1-543-123-4567</p>

</div>
        <div class="email">
          <img src="images/icon-email.svg" alt="">

          // Never do this because is a bad practices
          <p>[email protected]</p>

</div>

// Replaced them using this line of codes
// Always do this because it will improved your website accessibility

 <a href="tel:+1-543-123-4567">Phone: +1-543-123-4567</a>
 <a href="mailto:[email protected]">[email protected]</a>

// if ever the user click this link that user will be automatically 
// directed to the google contact mechanism where is not necessary  
// to used a lot of effort to contact this email or dial this person
0

@sohailmahmoud17

Posted

@okayda thanks so much. I'll fix it now

0

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