Ham
@hmac100All solutions
Article-Preview-Component
Submitted 7 months agoNot 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.
Article-Preview-Component
Submitted 7 months agoIn 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.
Single-price-grid-component
Submitted 8 months agoI 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.
Stats Preview Card Component
Submitted 8 months agoWasn'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.
Social-Proof-Section
Submitted 8 months agoPretty 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. :)
Testimonials-Grid-Section
Submitted 9 months agoAs 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.
four-card-feature-section
Submitted 9 months agoSeem 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.
Blog Review Card
Submitted 9 months agoAs 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.
productPreview-cardComponent
Submitted 9 months agoThis 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.
Profile Card Component
Submitted 9 months agoI 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.
Huddle Landing Page WithSingle-Introductory Section
Submitted 9 months agoThe 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.
nftPreviewCardComponent
Submitted 9 months agoIn this particular challenge I reckon the class naming could have been clearer , but generally speaking , other options for creating more concise code.
Ping Coming Soon Page
Submitted 9 months agoFor 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.
Base Apparel Coming Soon
Submitted 9 months agoThere 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.
3ColumnPreviewCardComponent
Submitted 10 months agoAgain, unless I've misunderstood something - I think that one was okay :)
faq-accordion
Submitted 10 months agoI 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.
Results Summary Component
Submitted 10 months agoThe 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.
OrderSummaryComponent
Submitted 10 months agoI 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 🙂 👍
Product-Preview-Card-Component
Submitted 11 months agoThis 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.
Recipe Page
Submitted 11 months agoPretty 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.
Social-Links-Profile
Submitted 11 months agoAm 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.
recipe-page
Submitted 11 months agoPossibly styling the numbers in the ordered list without the 3rd party code.
Blog Review Card
Submitted 11 months agoAs 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.
