Ham
@hmac100All solutions
- Submitted 3 months ago
Article-Preview-Component
- HTML
- CSS
- JS
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.
- Submitted 3 months ago
Article-Preview-Component
- HTML
- CSS
- JS
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.
- Submitted 4 months ago
Single-price-grid-component
- HTML
- CSS
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.
- Submitted 4 months ago
Stats Preview Card Component
- HTML
- CSS
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.
- Submitted 4 months ago
Social-Proof-Section
- HTML
- CSS
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. :)
- Submitted 4 months ago
Testimonials-Grid-Section
- HTML
- CSS
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.
- Submitted 5 months ago
four-card-feature-section
- HTML
- CSS
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.
- Submitted 5 months ago
Blog Review Card
- HTML
- CSS
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.
- Submitted 5 months ago
productPreview-cardComponent
- HTML
- CSS
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.
- Submitted 5 months ago
Profile Card Component
- HTML
- CSS
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.
- Submitted 5 months ago
Huddle Landing Page WithSingle-Introductory Section
- HTML
- CSS
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.
- Submitted 5 months ago
nftPreviewCardComponent
- HTML
- CSS
In this particular challenge I reckon the class naming could have been clearer , but generally speaking , other options for creating more concise code.
- Submitted 5 months ago
Ping Coming Soon Page
- HTML
- CSS
- JS
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.
- Submitted 5 months ago
Base Apparel Coming Soon
- HTML
- CSS
- JS
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.
- Submitted 6 months ago
3ColumnPreviewCardComponent
- HTML
- CSS
Again, unless I've misunderstood something - I think that one was okay :)
- Submitted 6 months ago
faq-accordion
- HTML
- CSS
- JS
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.
- Submitted 6 months ago
Results Summary Component
- HTML
- CSS
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.
- Submitted 6 months ago
OrderSummaryComponent
- HTML
- CSS
I think that a lot of my code is a bit hacky - still need to understand more about what I'm doing - but having a lot of fun learning 🙂 👍
- Submitted 6 months ago
Product-Preview-Card-Component
- HTML
- CSS
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.
- Submitted 6 months ago
Recipe Page
- HTML
- CSS
Pretty much the same as the others - i.e. a more concise and elegant way of doing the mark up with more semantic meaning and ditto for the CSS.
- Submitted 6 months ago
Social-Links-Profile
- HTML
- CSS
Am trying to be more pro with the css vars and :root value -properties - not sure if it's too much for a small project but reckon it's a good habit to develop. Any advice on boiler plate css would be welcome.
- Submitted 7 months ago
recipe-page
- HTML
- CSS
Possibly styling the numbers in the ordered list without the 3rd party code.
- Submitted 7 months ago
Blog Review Card
- HTML
- CSS
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.
