Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
45
Comments
627

Kamasah-Dickson

@Kamasah-DicksonAccra/Ghana5,570 points

As a frontend developer, I like spending most of my time coding. It has been a very great journey and experience since I decided to become a frontend developer and I think this is one of the best decisions I've made 💻🚀

I’m currently learning...

NodeJS/express

Latest solutions

  • Responsive Multi-Step-Form Made With React and Sass

    #accessibility#react#sass/scss#vite#emotion

    Kamasah-Dickson•5,570
    Submitted over 2 years ago

    0 comments
  • Responsive-Easybank-Landing-Page-With-LightMode-Feature

    #accessibility#react#vite#sass/scss

    Kamasah-Dickson•5,570
    Submitted over 2 years ago

    1 comment
  • Responsive All Countries Made with React + Vite

    #accessibility#react#sass/scss#vite#react-router

    Kamasah-Dickson•5,570
    Submitted over 2 years ago

    2 comments
  • Responsive Interactive payment UI made with React and Sass

    #accessibility#react#sass/scss#vite

    Kamasah-Dickson•5,570
    Submitted over 2 years ago

    1 comment
  • Responsive-Web 3.0 News-Homepage-Made-With HTML,SASS and JS

    #accessibility#sass/scss

    Kamasah-Dickson•5,570
    Submitted over 2 years ago

    0 comments
  • Responsive-Notification-Component-Built-With HTML,CSS and JS

    #accessibility#sass/scss

    Kamasah-Dickson•5,570
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Saulius Gražys•210
    @sgrazys
    Submitted almost 2 years ago

    3 Column Preview Card | React JS | Flexbox

    #react
    1
    Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Posted almost 2 years ago

    Hey @sgrazys i checked your solution. it looks great and responsive. but on mobile devices the cards looks a bit small and there is so much white spaces on the left and right. try to increase the max-width of the cards. by the way great job.👏👏

  • Scott Tabor•150
    @scottttabor
    Submitted about 2 years ago

    Product Preview Card - Mobile First, Javascript, and Flexbox

    2
    Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Posted about 2 years ago

    @scott Tabor you did I really great job. your solution was very responsive as well. But one of the things you forgot to add was the type attribute for your button. some of the importance are.

    1. It helps to define the role and behavior of the button for users and assistive technologies.
    2. Providing a type for your buttons also helps improve the accessibility of your website.
    3. The type also determines if the button is a submit,reset or just a button.

    I hope this was helpful. Happy coding🔥

    Marked as helpful
  • Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Submitted over 2 years ago

    Responsive Interactive payment UI made with React and Sass

    #accessibility#react#sass/scss#vite
    1
    Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Posted over 2 years ago

    Am finding it hard to fix the accessibility issues with react...should I run npm run dev or what. any idea??

  • LorenaFrias•80
    @LorenaFrias
    Submitted over 2 years ago

    3-column-card BEM

    2
    Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Posted over 2 years ago

    Your solution looks great and to help you with the accessibility issue 1.There should always be an h1 in your projects. It should be the first head tag you use. And should reduce in descending order. h1....h6

    Happy coding🎉

  • Konjeti Maruthi•70
    @MaruthiKo
    Submitted over 2 years ago

    Responsive 3-column grid preview card component

    #accessibility#bem
    1
    Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Posted over 2 years ago

    Your solution looks great but i want to help you with some small tips.

    1 . Do not specify any height in the grid items. This sometimes breaks layout and might stress you some other time when things are not working as expected. Instead allow the items to determine their own height. What i mean is that paddings and margins applied to the grid items will automatically determine the heights of the grid items. I hope you get me.

    2 . To help you with the accessibility issues, remove the attribution class and change the div to a footer

    Do not use a section tag if there won't be any direct head tag I mean h1....h6 always use a section tag if there would be a directed head tag in your page otherwise use a div instead.

    Good job there👍🎉 Happy coding

    Marked as helpful
  • darryncodes•6,350
    @darryncodes
    Submitted over 2 years ago

    Fylo dark theme landing page - HTML, Tailwind CSS & JavaScript

    #accessibility#tailwind-css
    1
    Kamasah-Dickson•5,570
    @Kamasah-Dickson
    Posted over 2 years ago

    hi there🖐 your solution looks very great and responsive but one thing is that the background-color of the feature section is not set. it should be different from the actual body background-color which I know you noticed too. But also one thing again is that the svg is just above the feature section...kinda before. it just blends with the background-color of the feature section. besides, Great job there👍

    Happy coding🔥🔥

View more comments
Frontend Mentor logo

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

Mentor of the Week - 1st Place

This badge is awarded to the top placed community member on the weekly Wall of Fame.

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

Mentor of the Month - 1st Place

This badge is awarded to the top placed community member on the monthly Wall of Fame.

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

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

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