Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
16

gowtham

@gowthamjk08320 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 and fully function web page using JavaScript and CSS


    gowtham•320
    Submitted 6 months ago

    1 comment
  • responsive using gird and togglable navigation using JavaScript


    gowtham•320
    Submitted 6 months ago

    1 comment
  • using JavaScript to validate form


    gowtham•320
    Submitted 6 months ago

    1 comment
  • responsive and interactive webpage using CSS and JavaScript


    gowtham•320
    Submitted 6 months ago

    1 comment
  • Interactive rating component using JavaScript


    gowtham•320
    Submitted 6 months ago

    1 comment
  • Tip Calculator using JavaScript


    gowtham•320
    Submitted 7 months ago

    1 comment
View more solutions

Latest comments

  • Ejiro Frances•390
    @Ejiro-Frances
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    Alottttt

    • Implementing the add to cart, I had to watch 5 youtube videos before I could implement this.
    • Implementing the next and previous buttons when the active image is the last one or first one respectively.
    • I tried using BEM but had to revert because it made my syntax long and very ugly.
    What specific areas of your project would you like help with?

    Any suggestions on improving the code base would be appreciated.

    ecommerce-product-page-main

    1
    gowtham•320
    @gowthamjk08
    Posted 6 months ago

    hello Ejiro Frances! Overall good but I have some suggestions for you in mobile view there is no space between the image and the body, also cart list was hide behind the screen (not fully visible) and use transition for smooth user experience (for Navigation links and buttons) that all.

    Marked as helpful
  • Erkant•780
    @erntTt94
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    Any suggestions are welcome.

    News Homepage

    1
    gowtham•320
    @gowthamjk08
    Posted 6 months ago

    hi Erkant! The thought process of your creation and adding outside of the design(Theme changer) that very cool thing(without affecting the design) keep it up man.

  • calvinvin•1,060
    @calvinvin
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Learning point:

    1. styling checkbox and radio inputs while remaining their accessibility.
    2. built-in form validation. Some pitfalls:
    • no "pattern" attribute on textarea elements.
    • pseudo-class :out-of-range not applicable on scenario of text type with minlength and maxlength, only works on number type with min and max.
    1. first time styling a form as complicated as this one.
    2. some styling consideration on if setting as grid. The legend width decreased but I still don't know why, and setting text-wrap: no wrap can somewhat make it work.

    Aria-labels to let screen readers announce the error message were not yet learned and practiced, but maybe later.

    contact-form

    1
    gowtham•320
    @gowthamjk08
    Posted 6 months ago

    good try you are almost there but the form width is too big so it's looks little messy make more focus on next time!

  • Rafi Rachmawan•210
    @rafirachmawan
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Logic on by Javascript

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

    the challenge i face here is the implementation of javascript logic, and i am looking for the solution in gpt chat

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

    Is the logic of my javascript correct or not?

    HTML, CSS, JAVASCRIPT

    1
    gowtham•320
    @gowthamjk08
    Posted 6 months ago

    hello Rafi Rachmawan the design and your webpage was overall same good try.

  • Anderson Gomes•210
    @andersongomes001
    Submitted 7 months ago

    Interactive rating component

    1
    gowtham•320
    @gowthamjk08
    Posted 6 months ago

    hello Anderson Gomes! your webpage is as not properly make sure that the webpage make looks good for all kind of device.

  • Yi-Ying Ko•330
    @yiyingko
    Submitted 12 months ago

    Tip Calculator App- Mobile Responsive

    1
    gowtham•320
    @gowthamjk08
    Posted 7 months ago

    hello! Yi-Ying Ko your webpage is overall same as the design but in my device that some text are overlap and input padding and button margin was needed. you give the value in percentage so maybe that they behave like think about that. Make sure that the responsiveness is good for all kind of device.

    Marked as helpful
View more comments
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

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