Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
3

Marvin Ranyaole

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

  • Responsive Landing Page

    #tailwind-css#vue#nuxt

    Marvin Ranyaole•150
    Submitted 12 months ago

    0 comments
  • VUE JS and Tailwind Price Card

    #tailwind-css#typescript#vue#nuxt

    Marvin Ranyaole•150
    Submitted 12 months ago

    LOL, I really wanted to animate my home page to land like @koda solution. I suppose I need to spend time improving my animation skills on tailwind css. I must also give credit to @jen67 she really laid almost 100% expected prototype solution for me.


    0 comments
  • Type Script and Tailwind Notification Component

    #tailwind-css#typescript#vue#nuxt

    Marvin Ranyaole•150
    Submitted 12 months ago

    The transition of the box message, does not translate the way I have imaged it. If anyone can take a look at it and advice on how to do it, I shall appreciate it. But this was a great challenge.


    0 comments
  • API Advance generator with Tailwind and Nuxt


    Marvin Ranyaole•150
    Submitted 12 months ago

    0 comments
  • Tailwind Hero Section with Drop Down Menu

    #tailwind-css#nuxt

    Marvin Ranyaole•150
    Submitted about 1 year ago

    2 comments
  • Tailwind Huddle Landing Page

    #tailwind-css

    Marvin Ranyaole•150
    Submitted about 1 year ago

    0 comments
View more solutions

Latest comments

  • Tuğçe Kızıldağ•350
    @tugcekizildg
    Submitted 12 months ago

    News-Homepage

    1
    Marvin Ranyaole•150
    @VaalGeek
    Posted 12 months ago

    Did you just uploaded the original challenge image and put it as a solution? Your results are incorrect

  • Obasi Sunday•80
    @sunnywizy
    Submitted 12 months ago

    https://sunnywizy.github.io/blog-preview-card/

    1
    Marvin Ranyaole•150
    @VaalGeek
    Posted 12 months ago

    Hi, congratulations on finishing your project. Quick advice, try to find (Follow) mentor(s) on this platform, they can be 3 or more. When you tackle a challenge, check how is their finished expected results with the actual requirements of the challenge. Always thrive to make your results to look almost the same as their finished products, with that, you will learn a lot, this approach also has helped me a lot. This will also assist you to achieve about 90 percent of the expected results. Happy Coding!

  • Marvin Ranyaole•150
    @VaalGeek
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that for the 1st time, I was able to create a drop down menu without calling it from a build it class of any material ui library. I should stop assuming that I fully understand concepts.

    What challenges did you encounter, and how did you overcome them?

    Z index, I thought I understand how it works, but it was until I had to put it into practice with other components and with other classes that I realized that I don't fully understand.

    Tailwind Hero Section with Drop Down Menu

    #tailwind-css#nuxt
    2
    Marvin Ranyaole•150
    @VaalGeek
    Posted about 1 year ago

    @koda, but here is another question that has been bothering me, when it comes to the use of Z Index, inside the parent component, the Z index does not work when applied to child components within the parent component (page), you will have to apply it on child components respectively, why is that if you have any clue?

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