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

All comments

  • Bartosz Dudziak•720
    @bartoszdudziak-dev
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?
    • It looks ok overall
    What challenges did you encounter, and how did you overcome them?
    • The biggest encounter was to create animated accordion itself. I used a trick method with grid-template-rows manipulation
    What specific areas of your project would you like help with?
    • I still don't feel confident with dealing with background-image like in this example. I don't have an idea how to make is sticky or stop from weird resizing
    • Similar with icons, should I use img or svg tags? My solution includes svg but I'm not sure my approach is good especially with toggle them
    • Please leave a comment or your opinion 🫡

    FAQ Accordion (JS/SCSS)

    #accessibility#bem#sass/scss
    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    great work

  • Bartosz Dudziak•720
    @bartoszdudziak-dev
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    This was quite simple, but I need to learn more about accessibility and improve my solution.

    What challenges did you encounter, and how did you overcome them?
    What specific areas of your project would you like help with?

    Tips for dealing with SVG icons. Leave some good sources about accessibility please.

    Interactive Rating Component (JS/SCSS)

    #bem#sass/scss#accessibility
    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    try using accessibility checker this is website i use https://www.accessibilitychecker.org/

    Marked as helpful
  • P
    Achara Chisom Solomon•490
    @AcharaChisomSolomon
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Nothing in particular, I am proud of it all

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

    I need to study up on transitions and transforms to know how to apply them effectively.

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

    Any feedback is welcome!!!

    Responsive frontend quiz app

    2
    KL•290
    @TorHamm
    Posted about 1 year ago

    Really great work!

  • Carlos Rojas•30
    @carlosrojaso
    Submitted over 2 years ago

    password-generator-app

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Good work with code here!

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

    i am proud on myself for just completing this project as i thought i can't do this because my javascript is weak. But it's a big achievement for me that i am able to do it with myself only.

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

    This project is very much challenging for me as i said my javascript is not as strong as CSS so the UI part is easy but when it comes to functionality it becomes a tricky. But by googling and search about things and after exploring i have made it.

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

    I want help in javascript as i am not a pro in making logics. Here i stuck more.

    Responsive Tip Calculator using Flex Box

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Good work!

  • Ethan Neece•250
    @Ethanneece
    Submitted over 1 year ago

    Time Dash Board

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Good work!

  • Joaquín•70
    @jsmdevs
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I took 2 days to finish it since it took me some time to do the JavaScript part, as I haven't written code in a while and couldn't remember some functions, but I helped myself a bit by searching on the internet and finished it without any problems.

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

    I didn't know how to make the form and success cards switch between each other once the email was entered correctly, but I helped myself with a similar project I found online and realized that the solution was easier than I thought. With 3 lines of code in JavaScript and adding some tags to the HTML, I was able to solve it.

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

    I would like to know if the JavaScript is well-coded and if the order of the lines is correct. I would also like to know if there is anything to correct in the CSS.

    Responsive design using Flexbox

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    I think it is well written! good work!

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

    I think I could do it in a different way.

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

    Put the window on float.

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

    I would be very grateful if you could help improve the code to make it grow. Thank you in advance.

    html,css, Javascript

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Really good work!

  • Martin Mwaka•400
    @Temceo
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    using media queries to reflect changes in layout in different viewports

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

    Arranging text and images in the desktop layout. Used grid to achieve layout.

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

    General feedback on use of grid and flexbox to achieve viewport layouts

    Meeting landing page

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Great work!

  • Junier Bolívar 🕷•710
    @Junbol
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    The Grid part.

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

    The Grid part :)

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

    Too late, I spent hours fixing it.

    Responsive Testimonials using Grid

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Good work!

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

    I tried this project so that I can grasp Flexbox fundamentals a little better and it helped.

    4 card feature section using flexbox

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Really good work!

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

    First time , I have used media queries with that much accuracy therefore I am proud of it . Next time , I will try to decrease the number of media queries using in this page.

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

    The main challenge was Responsiveness and Alhamdullilah I cleared it by giving some time.

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

    If have any suggestion to do better then you're welcome !

    Responsive Product preview Card made from flexbox

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Try start on mobile resolution first then do for desktop later. It is easier to add things than remove things

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

    /

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

    /

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

    /

    Recipe Page

    2
    KL•290
    @TorHamm
    Posted about 1 year ago

    a little bit of mistake but good work!

  • Henrique Cruz•130
    @Henr1queCruz
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Nothing to say

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

    The `` tag wasn't utilizing all available space because I had align-items: center in the flexbox. Simply removing it and applying align-self: center to the image resolved the issue."

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

    Any suggestions to improve would be appreciated

    Social links solution using CSS Flexbox

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Good work!

  • iliasminas•30
    @iliasminas
    Submitted about 1 year ago

    Blog preview card

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    I think the only problem here is about position just focus more only detail. overall this is great! keep up good work!

  • Rian9124•10
    @Rian9124
    Submitted about 1 year ago

    Página feita em htlm e css.

    1
    KL•290
    @TorHamm
    Posted about 1 year ago

    Suggestions

    • You can find the colors you want in the style guide that has been comes with project file
    • Try to always compare yours website with the design to make sure that it is symmetrical

    Nice try and never give up!

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

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