Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
3
mdjr-murali
@muraliinc

All comments

  • Crystalis89•460
    @Crystalis89
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    That even after a long break I was able to dive right into it without being "rusty". If anything this felt easy to me compared to the last intermediate one did a few months ago that took way to long on.

    One style detail I enjoyed that did on own initiative since no directions for it was using the transition animation from the lesson prior to this project to have the slides and navmenu fade in an out instead of a more standard slide transition.

    Also feel like I am getting comfortable with the class naming schemes, primarily BEM, and appreciating the benefits of it. One benefit the lesson didn't mention is how it makes the VSCode autocomplete easier to use.

    What specific areas of your project would you like help with?

    Pretty much every project for FEM I have had the same three issues.

    • Image size/scaling and how it can mess up layout, while if force image size generally just makes it look stretched and/or squashed.

    • The scale on the page being far off on the submission snapshot, and between the chrome dev tools and what see normally.

    • And using semantic HTML correctly. Header, Main, Section, h1-6, and Footer is obvious but always feel like I overuse section and should at least use article in there somewhere. Related to that I also likely need to study proper aria use much more, as is I just avoid it.

    Room Homepage - Fade transitions

    1
    mdjr-murali•90
    @muraliinc
    Posted 3 months ago

    your nav is great

  • P
    Melvin Sanchez Vazquez•300
    @melvin1207
    Submitted 3 months ago

    Product Preview Card

    1
    mdjr-murali•90
    @muraliinc
    Posted 3 months ago

    awsm keep going

    Marked as helpful
  • P
    Y39WebDeveloper•580
    @Y39WebDeveloper
    Submitted 4 months ago

    Loopstudios landing page

    1
    mdjr-murali•90
    @muraliinc
    Posted 4 months ago

    grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); USE THIS for the creation section so it will have 4 column no matter , your styling design came close to the design but still you need to alter certain stuffs, and you need to check gradiant level on the images its not visible , keep going that's great start,

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