Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
27
Comments
1

RamssC

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

  • Social Media Dashboard using Svelte, TypeScript and TailwindCSS

    #svelte#tailwind-css#typescript#vite#vitest

    RamssC•520
    Submitted 4 months ago

    0 comments
  • Social Media Dashboard using React, TypeScript & TailwindCSS

    #react#tailwind-css#typescript#vite#vitest

    RamssC•520
    Submitted 4 months ago

    0 comments
  • EasyBank Landing Page using React, TypeScript and TailwindCSS


    RamssC•520
    Submitted 6 months ago

    Something I've been struggling with is how the layout made of images work in the Hero Section of the project. It's supposed to be shown completely but for some reason, it hides part of the image on Desktop site and it looks incomplete.

    If there are any suggestions on how to fix it, they'll be well received! And thanks for getting all the way 'til the end if you read everything.

    Happy coding!


    0 comments
  • Tip Calculator App using React, TypeScript and TailwindCSS

    #react#tailwind-css#typescript#accessibility

    RamssC•520
    Submitted 7 months ago

    As I've probably commented in previous solutions, my code isn't free of having flaws, but flaws help us improve and create better code for future projects or solutions here in Frontend Mentor. So, feel free to have a look at my code and leave suggestions of what can be changed, modified or improved.

    PS: Shrink the tab's size to 80% to see the proper measures of the solution, that'll be corrected in a next occasion.

    Thanks for taking the time to read everything and happy coding, frontend dev! :D


    0 comments
  • Contact Form Component using React, TypeScript and TailwindCSS

    #react#tailwind-css#typescript#accessibility

    RamssC•520
    Submitted 7 months ago

    As I mentioned, previously, neither my React, TailwindCSS or TypeScript code aren't perfect at all, so any suggestions and tips are well received.


    0 comments
  • Crowdfunding Product Page using React and TailwindCSS

    #react#react-testing-library#tailwind-css#vite#vitest

    RamssC•520
    Submitted 8 months ago

    As you can see in one of the components folders (header, to be precise), there's a css file which mere purpose was to render the background image with its filter.

    If there's a way to make it look better, any suggestion will be well received.


    0 comments
View more solutions

Latest comments

  • FARES MOHAMED•180
    @Faress-MoHamed
    Submitted almost 2 years ago

    newsletter-sign-up-with-success-message-main

    1
    RamssC•520
    @RamssCR
    Posted almost 2 years ago

    After typing the email and clicking the button, I see the email used as example but not the one I typed. A good solution for that would be:

    const input = document.querySelector(".input")
    const placeWhereTheEmailGoes = document.querySelector(".place")
    

    /* code */

    1. placeWhereTheEmailGoes.textContent = input.value
    2. placeWhereTheEmailGoes.innerHTML = input.value
    3. placeWhereTheEmailGoes.innerText = input.value
    

    Hope it works, nice job, tho.

    Marked as helpful

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