Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
28
Comments
9

h3cat3

@h3cat3330 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!

I’m currently learning...

JavaScript

Latest solutions

  • News homepage using tailwindcss


    h3cat3•330
    Submitted 28 days ago

    0 comments
  • Equalizer landing page Mobile first aproace


    h3cat3•330
    Submitted 4 months ago

    0 comments
  • Ping single column coming soon page


    h3cat3•330
    Submitted 4 months ago

    0 comments
  • Skilled e-learning landing page


    h3cat3•330
    Submitted 4 months ago

    0 comments
  • Results summary component Mobile first aproach


    h3cat3•330
    Submitted 4 months ago

    0 comments
  • Workit landing page Mobile first aproch


    h3cat3•330
    Submitted 4 months ago

    0 comments
View more solutions

Latest comments

  • Belamana-Harshitha•150
    @Belamana-Harshitha
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    using js

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

    With js as when Im hovering above the share button its not showing the other icons

    Responsive Article preview page

    1
    h3cat3•330
    @h3cat3
    Posted 6 months ago

    Well done for your work so far. I was having a look at your project and this is what I found so far. The syntax for onclick event should be something like onclick="myFunction()" then I looked for your scripts.js and I couldn't find it.

  • JJ-codes-9•110
    @JJ-codes-9
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of how the overall layout and styling came together, particularly the clean and visually appealing design. It feels rewarding to see the responsiveness on larger screens working as intended. Next time, I would focus more on planning the interactive elements in advance and testing them on various devices early in the process. I also want to explore using CSS animations or transitions to enhance the user experience further.

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

    The biggest challenge was figuring out how to create the interaction that enables the popup to toggle when clicked. It required a good understanding of JavaScript and how to manipulate the DOM dynamically. Another challenge was making the layout responsive, especially ensuring the elements align properly in mobile view. I tackled these by breaking the problems into smaller steps—debugging and testing the popup logic separately before integrating it—and refining the CSS media queries for better responsiveness.

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

    Currently, the popup doesn’t work in mobile view, and I couldn’t figure out why. I suspect it might be an issue with how the JavaScript interacts with the layout in the smaller viewport. I’ll continue to troubleshoot this, but I’m open to suggestions from the community on how to resolve it or improve the way I’ve structured the interactive elements. Additionally, any tips on optimizing the layout further for mobile users would be greatly appreciated!

    Article Preview Component Master

    1
    h3cat3•330
    @h3cat3
    Posted 6 months ago

    You have done a great work. I've done a quick investigation using my browser's developer tool, it looks like your popup does work in mobile view, but because of the position: relative; top: 12rem; is showing somewhere outside of the scrin area.

    Marked as helpful
  • Waldemar Glaz•845
    @waldekglaz
    Submitted over 3 years ago

    Meet landing page

    1
    h3cat3•330
    @h3cat3
    Posted 6 months ago

    nice done

  • Psalmorg•240
    @Psalmorg
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    I encounter a little difficulty in positioning of the big-quotation.svg file. And i checked one of the submitted challenge to that done.

    What specific areas of your project would you like help with?
    • CSS grid and it properties

    Testimonial Grid

    1
    h3cat3•330
    @h3cat3
    Posted 7 months ago

    Nice project, well done!!

  • sing12578•60
    @sing12578
    Submitted 8 months ago

    HTML CSS responsive

    1
    h3cat3•330
    @h3cat3
    Posted 8 months ago

    really nice done, easy to read

  • Romain Guillemot•10
    @rocambille
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I tried some features I never used before, maybe in a wrong way so feel free to share any advice :)

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

    First time I give a try to responsive images with srcset and relative colors in CSS for hover effect. I spend some nice time reading the doc

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

    Every feedback is welcome, in particular regarding accessibility. Also I would like to discuss alternative approaches for semantic

    Product preview card component using semantic HTML, CSS Nesting...

    1
    h3cat3•330
    @h3cat3
    Posted 9 months ago

    Well done this is a good beginning, I really like your idea of using grid template for large screens. For making your code easier to read I personally like having the styles in a differnt stylesheet

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