All solutions

This one was a fun one! I decided to dip my feet into the world of React.

It was definitely overkill for this project but the point of it was to start getting comfortable with React and it's workflow and syntax.

I tried to have more structure to my SCSS. I added a CSS reset to revert some settings to make development easier.

I also spiced things up and made a product card... of myself as a graded collectible. Not a bad price either 😏.

Please feel free to give feedback on my React code, project structure etc.

Keep on coding!

A fun challenging project!

Enjoyed using loops in SCSS and using some JavaScript. This was a suitable layout to use a grid.

Had some trouble getting the image to scale up in the footer on the mobile design so if anybody has some tips would be much appreciated!

Thanks for checking it out.

Great project utilising APIs!

Thought it was overly complicated to try to figure out how to use the async functions and Promise objects but eventually got it working to get the data from the API.

Also implemented the media query for the mobile state for this one.

Thought I could do better on the shadow on the hover glow but couldn't really get my head around the box-shadow to get the flow around the whole button.

Finally, I couldn't figure out how to only get the "Advice #x" field to only update once the advice text is populated (user can just click the button as many times as they want and the counter will increment).

Any feedback would be appreciated!

Happy coding.

Great project to get stuck in with JavaScript and making some interactive component. Thought it was overly complicated to figure out how to get the button events stored.

Happy to have any feedback on the overall structure and JS.

Thanks!

This one was fun! I had a better time importing the fonts to get the correct weights from Google.

I also learnt how to implement the CSS grid the the stats portion. However had some trouble getting the card to scale properly for mobile and generally when resizing the viewport. Would be great to get some feedback on that and also some general tips on organising my HTML/CSS

Thanks!

edit Spruced this one up a bit! I love Dall-E and thought I'd do a homage to the platform. I generated the pixelated castle and made it into a sticker! I also grabbed an awesome font from Behance called Yapari check it out! Also the folks at Hover.css have some awesome effects which I added to the blue text. My intended effect was to personify the buzz that Dall-E is generating.

Was a fun project. Enjoyed 'flexing' my flexbox skills and generally structuring my code.

I found the hover effect and aligning the eye SVG in the centre of the image quite difficult. Both solutions seemed 'hacky'.

Are there any best practises or ways to do this better? I have heard using ::before and ::after can be more efficient but couldn't really find any resources online for it.

Thanks!