Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
2

Franklin David Macias Avellan

@Davic15Turin, Italy230 points

Frontend Web Developer

Latest solutions

  • Blog preview Card - Angular

    #angular

    Franklin David Macias Avellan•230
    Submitted over 1 year ago

    0 comments
  • Rest Country API with color theme switcher using React and Redux

    #react#redux#redux-toolkit

    Franklin David Macias Avellan•230
    Submitted over 2 years ago

    0 comments
  • Single Price Grid using React

    #react

    Franklin David Macias Avellan•230
    Submitted over 2 years ago

    0 comments
  • Time Tracking Dashboard in React

    #react

    Franklin David Macias Avellan•230
    Submitted over 2 years ago

    0 comments
  • Component Signup Form in React

    #react

    Franklin David Macias Avellan•230
    Submitted over 2 years ago

    0 comments
  • NFT Card using React

    #react

    Franklin David Macias Avellan•230
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Rebeca Heredia•60
    @RbkHeredia
    Submitted over 2 years ago

    First challenge card using React and css

    #react
    1
    Franklin David Macias Avellan•230
    @Davic15
    Posted over 2 years ago

    Hello Rebeca.

    In this project you also have to modify the <div id = "root"> </ div> by <main id = "root"> </ab>, remember for semantics reasons.

    Each image must have a text (attribute) with the description of the image, because if the image does not work, the text is shown, in addition the Screen Readers use this to interact with the user who have some type of visual disability.

    You have an error with Card Tag, there is no card, you must create it as a component or you must change it for another container.

    I hope I've helped.

  • Rebeca Heredia•60
    @RbkHeredia
    Submitted over 2 years ago

    Responsive Card using react, CSS, VITE

    #react#vite#sass/scss
    2
    Franklin David Macias Avellan•230
    @Davic15
    Posted over 2 years ago

    Hi. Good job. Looks great.

    I see that you have some problems with your accessibility report, to correct them you must do the following, firstly in your index.html file in the <div id="root"></div> tag, change it to <main id="root "></main>.

    In addition, in the images you use, you must add the alt attribute inside the src tag, it allows you to write the description of the image, in case the image does not work.

    For reasons of semantics with the labels, you have problems in your report.

    Modify that, let's see how it goes.

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub