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

Anietie Brownson

@AJBrownsonLagos, Nigeria80 points

I'm a Web Developer passionate about building resilient web projects that will stand the test of time.

Latest solutions

  • Responsive NFT Card Component Page using HTML & CSS


    Anietie Brownson•80
    Submitted over 3 years ago

    0 comments
  • Responsive NFT Card Component Page using HTML & CSS


    Anietie Brownson•80
    Submitted over 3 years ago

    2 comments

Latest comments

  • patil sahil•440
    @Patilsahil821
    Submitted over 3 years ago

    React, Scss, Bootstrap

    #react#sass/scss#bootstrap
    2
    Anietie Brownson•80
    @AJBrownson
    Posted over 3 years ago

    Nice one Patil It looks good and responsive, however you omitted the lightbox functionality And I don't know if it just me but I can't seem to find your React files(is it minified or something?) You might want to take a look at the accessibility issues coming up in the report above

    Kudos

    Marked as helpful
  • Anthony Waweru Njeri•180
    @anthonynwaweru
    Submitted over 3 years ago

    HTML, CSS & JS

    #solid-js
    3
    Anietie Brownson•80
    @AJBrownson
    Posted over 3 years ago

    You did pretty good @Anthonypmarcel

    The guy above has pretty much said everything but some things remain for you to do to clear all those accessibility issues.

    Don't leave your href tag blank. You have to put in some text e.g. in the case of the Collections link, you can put in something like www.e-commerce.com/collections. Do this for all your links.

    It's very important for your webpage to have a H1 tag. Change your H6 tag to H1 and you can style it to look smaller if you want but just make it a H1 tag.

    I hope that this helps to clear all those accessibility issues.

    Good Luck.

    Marked as helpful
  • Gilbert Jason Camarillo III•20
    @GJCIII
    Submitted over 3 years ago

    I used @media query to link stylesheets at certain screen sizes

    1
    Anietie Brownson•80
    @AJBrownson
    Posted over 3 years ago

    Good work @GJCIII but you still have lots of work to do to improve your code

    First of all, wrap your entire code in a main tag and then put your Equilibrium #3429 inside a H1 tag and then you style it using the hover property and setting the color to cyan.

    Same goes for the Creator's name (Jules Wyvern), use the hover effect also for this.

    I noticed you didn't implement the overlay effect on your image but that's okay. Just check other solutions and see the various ways others are solving that problem.

    Also here is a tool that someone just recommended to me: https://www.deque.com/axe/devtools/

    It really helps to identify accessibility issues that may be wrong in your code.

    I hope this feedback helps. Good luck

    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

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