Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
4

Muralidhara Bhat KS

@SlenderShieldBengaluru, India90 points

Software Engineer

I’m currently learning...

HTML, CSS, JavaScript, React, Redux.

Latest solutions

  • Responsive Social Links


    Muralidhara Bhat KS•90
    Submitted about 1 year ago

    NA


    1 comment
  • Responsive Blog Card


    Muralidhara Bhat KS•90
    Submitted about 1 year ago

    NA


    1 comment
  • Responsive Web Application using HTML, CSS & JS


    Muralidhara Bhat KS•90
    Submitted over 2 years ago

    0 comments
  • Responsive 3 column preview component card


    Muralidhara Bhat KS•90
    Submitted over 2 years ago

    1 comment
  • Responsive Profile Card using HTML & CSS


    Muralidhara Bhat KS•90
    Submitted over 2 years ago

    1 comment
  • Responsive Page built using HTML, CSS

    #tailwind-css

    Muralidhara Bhat KS•90
    Submitted over 2 years ago

    NA


    2 comments
View more solutions

Latest comments

  • Okonkwo Vivian Uchechi•140
    @okonks
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm particularly proud of two aspects in completing this task.

    Firstly, I'm grateful for the speed with which I approached and completed the challenge. It's a testament to my dedication to improving my CSS skills and my ability to apply what I've learned efficiently.

    Secondly, I'm thankful for the opportunity this task provided to deepen my understanding of CSS. It's a reminder of the importance of continuous learning in my journey as a front-end developer.

    Moving forward, I aim to strike a balance between efficiency and thoroughness, ensuring that I deliver high-quality work in a timely manner. I'm also eager to explore more advanced CSS techniques to further enhance my skills.

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

    During the challenge, one notable challenge I encountered was incorporating the :focus CSS pseudo-class into my solution. Initially, I believed it was crucial for the interactivity and accessibility of the project. However, upon further reflection and experimentation, I realized it wasn't essential for achieving the desired functionality.

    Despite this setback, I didn't let it deter me. Instead, I proactively sought solutions by turning to resources like YouTube tutorials and online discussions. Through this process, I gained a better understanding of when and how to effectively utilize the :focus pseudo-class in future projects.

    This experience reinforced the importance of adaptability and resourcefulness in problem-solving.

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

    As of now, nothing! However, if you notice any areas that need correction, I would appreciate your feedback

    Social-profile

    2
    Muralidhara Bhat KS•90
    @SlenderShield
    Posted about 1 year ago

    It's good that you have tried to improvise the given challenge, but keeping the original texture also should be maintained.

  • D4WD•90
    @devis4wd
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I think this time I was able to replicate the Figma mockup better than the first challenge. Using variables makes life easier.

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

    Formatting everything correctly (right distances, paddings, etc.) to replicate the model well.

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

    As for this one, I think I don't need any help because it was similar to the previous one.

    Responsive Blog Card built with HTML and CSS only

    1
    Muralidhara Bhat KS•90
    @SlenderShield
    Posted about 1 year ago

    I can see that you have replicated the copy as is. It's good. Nice work.

  • shalri•620
    @shalri
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am satisfied with my solution for this challenge. I handled the infamous "centering the div" comfortably. This challenge was a good refresher on the basics.

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

    The main challenge was the deployment. That is why I appreciate the requirement to deploy the solution on a live site. I had to read the docs and prompt Copilot for the build in deploying to GitHub Pages.

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

    I am all good for now. Just having fun and looking forward to doing more challenges.

    QR code component Tailwind and ViteJs

    #tailwind-css#vite
    1
    Muralidhara Bhat KS•90
    @SlenderShield
    Posted about 1 year ago

    Semantic is good, but can work on the design part.

  • Abdul Amaan•190
    @Abdul7Amaan7
    Submitted over 2 years ago

    News Home-Page Website

    2
    Muralidhara Bhat KS•90
    @SlenderShield
    Posted over 2 years ago

    Hi Abdul, You developed the web page in a way that was similar to the design that was provided. I appreciate your creativity. On your next try, build the page with semantic approach in mind as it will help with accessibility and will cover a wide area of users in when it comes to real life projects.

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