Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
25
Comments
11
Ham
@hmac100

All solutions

  • Article-Preview-Component


    Ham•340
    Submitted 11 months ago

    Not walking away feeling super smug about this one. Reckon I've got substantial bloat in the css. Not sure how to refactor it. The HTML semantics were another thing that in hindsight needed to be more concise. I'll be sticking this on discord for some sage advice.


    0 comments
  • Article-Preview-Component


    Ham•340
    Submitted 11 months ago

    In terms of the responsiveness I'd like to develop a less ramshackle approach for margins - paddings and the proper way to position the hidden social pop-ups for screen sizes -plus the right way to use svgs and svgs for as active icons. I'm seeing this as a first draft - am definitely going onto discord to get more advice.


    1 comment
  • Single-price-grid-component


    Ham•340
    Submitted 11 months ago

    I still need to understand how to set up more global configurations for margins and padding so I'm not continually adjusting individual elements for responsiveness . Any thoughts or links would be more than welcome.


    1 comment
  • Stats Preview Card Component


    Ham•340
    Submitted 12 months ago

    Wasn't crazy about the image set up. I had issues with the bottom breaking when resizing from it's parent container - I made it stick to the bottom of the parent container by adding height:100%. I keep on hearing that adding height is a bad idea for responsive design - so I'm not feeling great about this being the best solution.


    0 comments
  • Social-Proof-Section


    Ham•340
    Submitted 12 months ago

    Pretty sure I'm not leveraging flexbox enough with this challenge. I need to really look into shrink - grow - basis and wrap a lot more. Any clues on what I've done wrong or tips on how to improve it would be more than appreciated. :)


    0 comments
  • Testimonials-Grid-Section


    Ham•340
    Submitted about 1 year ago

    As alluded to in previous question - the Css Grid knowledge is along way from where it needs to be - also I'm sure there's a lot improvements I could make with the bem markup.


    1 comment
  • four-card-feature-section


    Ham•340
    Submitted about 1 year ago

    Seem to be stuck doing desktop first - for some reason I feel more comfortable that way. Not sure if I shouldn't be doing more mobile first challenges. I'll force myself.


    1 comment
  • Blog Review Card


    Ham•340
    Submitted about 1 year ago

    As mentioned the svg resize for the mobile - it needs to have more height. Thinking perhaps I don't have enough wriggle room due to my flex , margin or padding settings or perhaps it was the html. Whatever it is , it's got me stumped.


    0 comments
  • productPreview-cardComponent


    Ham•340
    Submitted about 1 year ago

    This was my second attempt and I wanted to refine my approach with flex and make that work - rather than just copying Kevin Powell's tutorial - that's so I could reinforce things on my level instead of being bombarded with too much new information. I think overall I need to be more up to speed with semantic markup so I can think the right way from the start of a project in terms of structure and styling.


    0 comments
  • Profile Card Component


    Ham•340
    Submitted about 1 year ago

    I think using more semantic html and also keen to fully understand and use bem mark-up . It seems a much better way of doing things.


    1 comment
  • Huddle Landing Page WithSingle-Introductory Section


    Ham•340
    Submitted about 1 year ago

    The fact that I'm using too many negative values means I'm doing it wrong but I don't know where. Time to research - I guess.


    0 comments
  • nftPreviewCardComponent


    Ham•340
    Submitted about 1 year ago

    In this particular challenge I reckon the class naming could have been clearer , but generally speaking , other options for creating more concise code.


    1 comment
  • Ping Coming Soon Page


    Ham•340
    Submitted about 1 year ago

    For any javascript solution I come up with - there's invariably loads more elegant solutions . At this stage - it's trial and error - research - memory and hopefully some tips from well meaning people who know more than I do.


    0 comments
  • Base Apparel Coming Soon


    Ham•340
    Submitted about 1 year ago

    There was way too much tweaking with the mobile - think I was on the wrong track with the initial code for responsiveness. I tend to do desktop first. Lots of padding and margin settings that felt really hacky.


    0 comments
  • Interactive Rating Component


    Ham•340
    Submitted about 1 year ago

    Hands down the javascript .


    0 comments
  • 3ColumnPreviewCardComponent


    Ham•340
    Submitted about 1 year ago

    Again, unless I've misunderstood something - I think that one was okay :)


    0 comments
  • faq-accordion


    Ham•340
    Submitted about 1 year ago

    I think Javascript or more specifically Javascript in DOM manipulation is definitely a hurdle to overcome. There seems to be myriad approaches for any given task. Looking forward to understanding SASS more - if any one can recommend a good place to start - I'd be grateful.


    0 comments
  • Results Summary Component


    Ham•340
    Submitted about 1 year ago

    The JSON file spooked me. I feel that accessing the JSON object data via javascript with some DOM manipulation was probably the way to go - but I side stepped this particular solution to really focus on HTML and CSS and just went ahead and hard coded the results. The HTML semantics also need some work.


    0 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

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