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

Kareemah Ajina

@Kareemah-codesLagos120 points

I am trying to learn to code cause of the same reasons we all are, trying to look as cool as Elliot from Mr robot. In my head, I and Elliot do the same thing. I build the frontend of websites and he hacks the FBI.. we are so similar.

I’m currently learning...

HTML , CSS, Javascript. Some python cause I am that kind of coder.

Latest solutions

  • Responsive Landing Page using CSS Grid, flexbox.


    Kareemah Ajina•120
    Submitted over 3 years ago

    2 comments
  • Resposive layout using flexbox


    Kareemah Ajina•120
    Submitted over 3 years ago

    2 comments

Latest comments

  • Mohamed Muntasir•220
    @devmotheg
    Submitted over 3 years ago

    huddle-landing-page-with-single-introductory-section

    1
    Kareemah Ajina•120
    @Kareemah-codes
    Posted over 3 years ago

    Hello, so for accessibility you need to think of a bunch of things. I think it would be too long to type all. Freecode Camp has a nice section in their CSS course on accessibility (https://www.freecodecamp.org/learn/responsive-web-design/#applied-accessibility). I used that in conjunction with this https://www.telerik.com/blogs/web-accessibility-guidebook-for-developer . It's not something you can learn in one day, so try to aim to spend at least a few days to a week. I myself am not done reading the article. But the free code camp section helps a lot in fastening up the learning curve.

    Some main points that I have learned are as follows:

    1. Don't rely on only sound to convey information. That means if you have a video make sure it comes with captions or a transcript for deaf people.
    2. When picking colors use a contrast checker so that people with low vision can differentiate your colors.
    3. Write semantic HTML for people who use screen readers to be able to use your website comfortably. 4.Add alt tags to all images that convey a message.
    4. Use tools to check if a person who has color blindness will still be able to navigate your webpage. A great resource I use is let's get color blind(https://chrome.google.com/webstore/detail/lets-get-color-blind/bkdgdianpkfahpkmphgehigalpighjck?hl=en)
    5. If you need to post animations on your website, make sure there is a way to disable them (cause some people with disabilities can get a sensory overload from them).
    6. Always put a label for all input tags. ....That's a summary of what I know so far. I hope it is helpful. Also, please could you follow back so we can help each other out in the future?
    Marked as helpful
  • Kareemah Ajina•120
    @Kareemah-codes
    Submitted over 3 years ago

    Responsive Landing Page using CSS Grid, flexbox.

    2
    Kareemah Ajina•120
    @Kareemah-codes
    Posted over 3 years ago

    Wow, Thank you so much. This was so helpful. I actually thought I knew enough about event listeners, turns out I don't . I will make sure to correct my code. Thanks a lot once again. I really appreciate it!

  • Udochukwu Amaefule•640
    @UDsGitHub
    Submitted over 3 years ago

    Responsive Layout with email input validation

    2
    Kareemah Ajina•120
    @Kareemah-codes
    Posted over 3 years ago

    Great!, I am really glad it helped.

  • Udochukwu Amaefule•640
    @UDsGitHub
    Submitted over 3 years ago

    Responsive Layout with email input validation

    2
    Kareemah Ajina•120
    @Kareemah-codes
    Posted over 3 years ago

    Hello there, you could try removing padding on the "left" class. Then you could try adding that padding (the 2.5rem) to each of the items in your inner-container elements individually except the image. The problem is that the padding for the "left" class is affecting everything inside it so it invariably affects the "inner -container", therefore affecting the picture. Let me know if this was helpful. Also, could you follow me so that you can also correct me on whatever solution I post? I am a newbie :).

    Marked as helpful
  • Raphael Peuckert•40
    @Rappeu
    Submitted over 3 years ago

    Order Summary Component

    1
    Kareemah Ajina•120
    @Kareemah-codes
    Posted over 3 years ago

    Hello, I wanted to help check out your code, but it seems the link to the git repository is for another project.

    Marked as helpful
  • Muzhda Noorzad•30
    @MuzhdaN
    Submitted over 3 years ago

    Order Summary Component Using HTML & CSS.

    3
    Kareemah Ajina•120
    @Kareemah-codes
    Posted over 3 years ago

    Thank you!

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

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