Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
4

abdelrahman ahmed

@a-ahmed151Bahrain170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Time-Tracking-Dashboard| Frontendmentor


    abdelrahman ahmed•170
    Submitted 3 months ago

    I would like to know is there a better way to implement the 3 circles as options button.


    0 comments
  • newsletter-sign-up-with-success-message| FrontendMentor


    abdelrahman ahmed•170
    Submitted 3 months ago

    Is there a way to get the css var to the js file. So I don't have to copy the values of colors across the two of them when styling with both. And I'm wondering is there a way to remove the style used in js better than the one I'm currently doing.


    0 comments
  • Frontend-Mentor| Article preview component


    abdelrahman ahmed•170
    Submitted 3 months ago

    I need help with the share box pop. For some reason it moves upward when you change from mobile view to desktop or tablet view. I can't figure it out why.


    0 comments
  • Frontend-Mentor|Testimonials-grid-section-main


    abdelrahman ahmed•170
    Submitted 4 months ago

    Getting the right text size and line height took some time. Is there a way to find the right text size and line height quickly.


    1 comment
  • Frontend-Mentor|Four card feature section


    abdelrahman ahmed•170
    Submitted 4 months ago

    Can this layout be achieved without using transform?


    1 comment
  • Frontend-Mentor|product-preview-card-component-main


    abdelrahman ahmed•170
    Submitted 4 months ago

    Is there a better way to code the main container and boxes or make the image change without creating two different classes.


    1 comment
View more solutions

Latest comments

  • Htun-Aung-Kyaw•50
    @Htun-Aung-Kyaw
    Submitted 4 months ago

    Testimonial Grid

    1
    abdelrahman ahmed•170
    @a-ahmed151
    Posted 4 months ago

    Your solution seems amazing. But the profile pictures seems a little bigger than the design.

  • Francisco Becerra Rodriguez•440
    @FranciscoFrontEndDeveloper
    Submitted about 4 years ago

    four-card-feature-section-master

    1
    abdelrahman ahmed•170
    @a-ahmed151
    Posted 4 months ago

    Nice solution you came up with. I don't know sass and I am new to web development so I can't help you with the overflow problem. But I liked that you included the tablet version for the website.

  • snehaks04•20
    @snehaks04
    Submitted 4 months ago

    PreviewCard Component

    1
    abdelrahman ahmed•170
    @a-ahmed151
    Posted 4 months ago

    Nice solution you made here. But I notice you have the border radius on the image and box instead of the main container. That makes the corner not round when in desktop mode. Making the change is the media query in the end may help or making the change on the main container.

    border-radius: 10px;

    overflow: hidden; I think this would fix it.

    Marked as helpful
  • Revadi Sundaram•90
    @RevadiSundaram
    Submitted over 1 year ago

    Responsive Social Profile Page

    #accessibility
    1
    abdelrahman ahmed•170
    @a-ahmed151
    Posted over 1 year ago

    You have a pretty good solution, but it seems that u missed the active state while hovering over the buttons, and the links seems to work only on the text not the actual buttons.

    this can be solved by using the hover condition in css. and the other one could be solved by making the anchor wrap the div buttons.

    Marked as helpful
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

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