Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
19

abedzeidan

@Abed001beirut_lebanon340 points

I love Coding

Latest solutions

  • Responsive Mortgage Calculator using tailwind, html, react, context

    #tailwind-css

    abedzeidan•340
    Submitted 9 months ago

    first I want help regarding responsiveness there are a certain times where design on desktop are the same on tablet but when I use (lg:) in tailwind it does not specify anything regarding tablet size ,what can i do to make (lg:) works for medium and large devices regarding this project. second when I put the hsi colors it dosent work in my project. and finally I always have a problem working with any docs it always seems ambigiuos ,like i always cant find my condition inside the docs so if anyone could give an advice i couldn't finish this project without gemini althougth i didnt took solutions or copy paste any code, i work in a way where i know what i want so i request just that but this is after i try to read the docs so any help would be appreciated.


    1 comment
  • ecommerce cart

    #react

    abedzeidan•340
    Submitted 10 months ago

    1 comment
  • Job-listings-with-filtering

    #react#tailwind-css

    abedzeidan•340
    Submitted 10 months ago

    filtering is hard and i need to be more comfortable with it


    1 comment
  • Job-listings-with-filtering using react tailwind

    #react#tailwind-css

    abedzeidan•340
    Submitted over 1 year ago

    0 comments
  • Blog-preview-card using react and tailwind

    #react#tailwind-css

    abedzeidan•340
    Submitted over 1 year ago

    0 comments
  • Social media dashboard with theme switcher React Tailwind

    #react#tailwind-css

    abedzeidan•340
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Thong Nguyen•340
    @vietthong31
    Submitted 10 months ago

    Mortgage repayment calculator

    #vite#tailwind-css
    1
    abedzeidan•340
    @Abed001
    Posted 9 months ago

    hello @vietthong31 great solution , althought there are some details that differ from the design, which is on large devices as I the input part and the result part should have the same width like two equal halfs , second in the middle there is a space ,I removed that space in my project by giving all the card a white background. hope that was helpful.

    Marked as helpful
  • Ethan Bolton•100
    @ejbolts
    Submitted 12 months ago

    React-Dessert-Shopping-Cart-List

    #react#tanstack-query#redux#tailwind-css#typescript
    1
    abedzeidan•340
    @Abed001
    Posted 10 months ago

    hello great solution Ethan Bolton,

    i was searching for a cake and when i deleted the search the product fetching didnt return to initial state which is fetching all the products again.And also i think when i change the category even if there is text inside the search input i think it should be deleted, and the category should work althought this is my opinion hope that was helpful .

  • Sudhanshu Singh•690
    @sudhanshusingh-g
    Submitted 10 months ago

    Summary Card

    #react
    1
    abedzeidan•340
    @Abed001
    Posted 10 months ago

    it needs a bigger shadow on the white background part

  • P
    legaldrummer•30
    @fullspeccoder
    Submitted over 1 year ago

    Blog Preview Card

    #accessibility#webflow#semantic-ui
    1
    abedzeidan•340
    @Abed001
    Posted over 1 year ago

    hi @legaldrummer try this for your card hover .cardshadow{ box-shadow: 10px 10px rgba(0,0,0);

    } .cardshadow:hover { box-shadow: 15px 15px rgba(0, 0, 0); /* Increase shadow size and opacity on hover */ } in your css for the active state hope I helped.

  • Sankalpa Sarkar•520
    @IllusiveCoder1101
    Submitted over 1 year ago

    Responsive Blog Preview Card

    1
    abedzeidan•340
    @Abed001
    Posted over 1 year ago

    Hello Sankalpa Sarkar great solution but i saw that you didnt make the active state which is when you hover the card the shadow becomes bigger .try this in your css :.cardshadow{ box-shadow: 10px 10px rgba(0,0,0);

    } .cardshadow:hover { box-shadow: 15px 15px rgba(0, 0, 0); /* Increase shadow size and opacity on hover */ }hope i helped keep going!

    Marked as helpful
  • NexusCypher55•20
    @NexusCypher55
    Submitted over 1 year ago

    Blog_preview

    1
    abedzeidan•340
    @Abed001
    Posted over 1 year ago

    great solution try to add some duration on transition on hovering it will make it better visually it will eleminate the sudden change.keep going

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

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