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

Hamptooon

@Hamptooon90 points

🎓I am a Student | Aspiring Software Developer | Tech Enthusiast

Latest solutions

  • Responsive preview card component


    Hamptooon•90
    Submitted 9 months ago

    1 comment
  • Responsive recipe page using CSS Flex

    #sass/scss#semantic-ui#bem

    Hamptooon•90
    Submitted 9 months ago

    3 comments
  • Social Link component using CSS Flex

    #sass/scss#semantic-ui#bem

    Hamptooon•90
    Submitted 9 months ago

    1 comment
  • Block review card component using CSS Flex

    #sass/scss#semantic-ui

    Hamptooon•90
    Submitted 9 months ago

    Is it possible to somehow make sure that the priority height for an element is max-height, and then when the page width decreases, this height smoothly transitions to the min-height value?


    1 comment
  • Qr component using CSS Flex

    #bem#sass/scss#semantic-ui

    Hamptooon•90
    Submitted 9 months ago

    I would like to know what could have been done better in this project, what file structure is preferable to use in similar projects and larger projects, I would also like to know what good free courses or sources I can look at to improve my knowledge in frontend development.


    1 comment

Latest comments

  • P
    kxrp•640
    @kxrn0
    Submitted over 1 year ago

    Product preview card component with Typescript and SCSS

    #animation#sass/scss#typescript
    1
    Hamptooon•90
    @Hamptooon
    Posted 9 months ago

    Good work!

  • Petrakowww•140
    @petrakowww
    Submitted 9 months ago

    CSS (SCSS) + pattern 7-1, HTML5 - semantic layout

    #sass/scss
    1
    Hamptooon•90
    @Hamptooon
    Posted 9 months ago

    This is cool dude, you know this sh*t, I like that you used damn functions to improve the site's responsiveness, I see you know how to layout, good luck and bye!)

    Marked as helpful
  • Sylwia•260
    @LesSyl
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    In this project, I practised writing HTML and SCSS code. To add variety to the project I added some animations using @keyframes. I would like feedback on my HTML and CSS code in terms of optimisation.

    Social links profile solution

    #animation#gulp#sass/scss#bem
    1
    Hamptooon•90
    @Hamptooon
    Posted 9 months ago

    Why didn’t you add text content?) At first I wanted to ask, but then I went to the site, everything is super, cool animations. Now I want to do something like this...

  • P
    elCris99•220
    @elCris99
    Submitted 9 months ago

    card component using a design system

    #sass/scss#vite
    1
    Hamptooon•90
    @Hamptooon
    Posted 9 months ago

    Nice! I would add a smooth transition for elements (box-shadow and color for the title) on hover; the layout has this. And just wondering, why did you add so many functions and variables for example changing the theme from dark to light, variables for box-shadow if they are not used in the final version?

  • cendyz•1,070
    @cendyz
    Submitted 9 months ago

    QR-code-component

    #sass/scss#bem
    1
    Hamptooon•90
    @Hamptooon
    Posted 9 months ago

    Perhaps I would use the semantic article tag in this case when creating this tag on the page, it is just intended for separate independent blocks that can be reused later on other pages of the site. It's cool that you use variables to specify colors for elements (I forgot about it when I implemented this task myself) and mixins (I didn't know about them at all(( but now I've read about them, it's a handy thing).

    Marked as helpful
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