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

Abdelrahman

@Dribbz90 points

Hi! 👋 I'm Abdelrahman, I am 5th Dental Student 👨🏽‍🏭 and I'm passionate about web development. I'm currently selfstudying baics of code and i would love to share that with you all ! 🚀

I’m currently learning...

🌆 HTML 🌇 CSS ⚙️JS

Latest solutions

  • huddle landing page with a single introductory

    #accessibility

    Abdelrahman•90
    Submitted almost 2 years ago

    1 comment
  • Product preview card component

    #accessibility

    Abdelrahman•90
    Submitted almost 2 years ago

    1 comment
  • Responsive Intro Component With Sign up Form

    #accessibility

    Abdelrahman•90
    Submitted almost 2 years ago

    0 comments
  • Order Summary Component

    #accessibility

    Abdelrahman•90
    Submitted almost 2 years ago

    1 comment
  • Single price grid component

    #accessibility

    Abdelrahman•90
    Submitted almost 2 years ago

    1 comment
  • Responsive Summary Card

    #accessibility#sass/scss

    Abdelrahman•90
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Katrine Pedersen•160
    @KatrineNPedersen
    Submitted almost 2 years ago

    Base Apparel Coming Soon Page built with HTML, Sass, and JavaScript

    #sass/scss
    2
    Abdelrahman•90
    @Dribbz
    Posted almost 2 years ago

    Hello Great work, i would add set max-width to overall card and center it in the middle of the page rather than having it filling the entire page which isn't very esthetic to look at , overall you did a great job !!

    have fun coding !

  • Josemaria Ofurum•460
    @Devjineer
    Submitted almost 2 years ago

    Responsiveness done with bootstrap, vanilla javascript, Scss

    #bootstrap#sass/scss
    2
    Abdelrahman•90
    @Dribbz
    Posted almost 2 years ago

    Great animation tho i didn't see it at first !

  • Josemaria Ofurum•460
    @Devjineer
    Submitted almost 2 years ago

    Responsiveness done with bootstrap, vanilla javascript, Scss

    #bootstrap#sass/scss
    2
    Abdelrahman•90
    @Dribbz
    Posted almost 2 years ago

    Hallo , I would suggest you to try to immitate the design provided by frontend mentor so we cant critique your work more appropriately. Goodluck friend !

  • Dipto Das•70
    @Das-Dipto
    Submitted about 2 years ago

    Product Preview Card using React-Vite and Tailwind CSS

    #react#tailwind-css
    1
    Abdelrahman•90
    @Dribbz
    Posted about 2 years ago

    I'm no expert but I will give you my input on your solution,

    Great job! the design looks fairly close I'd just do the following :

    • Center the container in the middle of the page Using "flex box"

    *Border radius on the button

    *"Perfume" header should have small font-weight

    *The Design has some issues scaling down

    • Use Media query for changing the img on scaling down -Use Min-width property to prevent the overflow that happens on the 150px width

    Goodluck !

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