Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
5

Mehemmed77

@Mehemmed77100 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

  • SCSS Interactive Card

    #sass/scss

    Mehemmed77•100
    Submitted almost 3 years ago

    0 comments
  • Loop Studios Landing Page Only Css

    #sass/scss

    Mehemmed77•100
    Submitted almost 3 years ago

    1 comment
  • Frontend Mentor | NFT preview card component

    #sass/scss

    Mehemmed77•100
    Submitted almost 3 years ago

    1 comment
  • Responsive E-Commerce Website With HTML/CSS/JS


    Mehemmed77•100
    Submitted almost 3 years ago

    0 comments
  • Expenses-chart-component solution


    Mehemmed77•100
    Submitted almost 3 years ago

    0 comments
  • My Solution

    #contentful

    Mehemmed77•100
    Submitted almost 3 years ago

    1 comment

Latest comments

  • kmnkat•30
    @kmnkat
    Submitted almost 3 years ago

    Interactive rating element

    1
    Mehemmed77•100
    @Mehemmed77
    Posted almost 3 years ago
    1. and also 2) It is responsive but not in devices that have 420px width or lower.your #rating-section div overflows Solution:Try to add max-width or give it width with percentage and don't give fixed width or heights just don't do it.Give it max-width or width with percentage.I hope this is useful; https://www.youtube.com/watch?v=VQraviuwbzU&t=694s watch this video at 4:47 He talks about it.

    I liked your JS logic it is really good.You approached it differently than me and i liked it!

    Marked as helpful
  • Saurav sanjel•60
    @master8848
    Submitted almost 3 years ago

    not responsive

    1
    Mehemmed77•100
    @Mehemmed77
    Posted almost 3 years ago

    don't place block elements inside inline elements it can cause issues and it is not easier to control it unless you give inline element property of display:block;but overall it is good!

  • Kingsley Agu•285
    @didyouseekyng
    Submitted almost 3 years ago

    Smooth Interactive Rating Component with CSS Animation

    #accessibility#bem#semantic-ui#sass/scss
    2
    Mehemmed77•100
    @Mehemmed77
    Posted almost 3 years ago

    Love the transitions!

  • Lozie•70
    @LozPilafas
    Submitted almost 3 years ago

    Implemented using HTML and CSS with flexbox - React + data src (json)

    #react
    1
    Mehemmed77•100
    @Mehemmed77
    Posted almost 3 years ago

    I love that date feature so good!

  • Souvik Ghosh•60
    @xandersavvy
    Submitted almost 3 years ago

    Responsive layout with scss

    #sass/scss
    1
    Mehemmed77•100
    @Mehemmed77
    Posted almost 3 years ago

    I think you mean that little brown tag bar.I also completed this challenge with Vanilla JS. Simply add events. 1.onmouseover show that tag bar; 2.onmouseleave hide that tag bar; By default you can make those tag bars "display:none;" this will make it completely disappear. and when hovering make them "display:block"

    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

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