All solutions

Quick HTML CSS build, I am looking into using clamp() for the font-size and card width and height, curious to know how other people have achieved this.

I also have some strange behaviour with the img when changing the viewport width, which needs some tidying up.

Please take a look, any feedback would be greatly appreciated, thank you :)

Hello, my name is Dean, here is my first solution for 2024!

I thought this project would take me 3 hrs to complete, but in fact it took much longer as I built it first in a complicated way. I built it using Mobile-first, but got confused with the layout with flex, then tried grid.

I realised I could simplify the build by placing the header and footer outside of the flex container.

Please let me know if you have any tips or feedback,

Thanks for looking :)

Hi Frontend Mentors! My name is Dean and this is my solution for this challenge,

I built my solution in TailwindCSS.

I adapted the text colour in order to score 100% accessibility in the Chrome Devs Lighthouse.

I used fixed pixel widths and heights for the main__card which I could improve by using rems in order to make the layout fully responsive.

Was there anything that I missed? Or got wrong? Or could improve?

Thanks for taking a look, I welcome any feedback

Hello, my name is Dean and here is my solution for this challenge,

I built this project using TailwindCSS, is there anything you'd recommend to improve my solution?

I declared fixed widths & heights for the card__container, so its not so responsive, would you do something differently or is this ok?

Thanks for taking a look

Hello, my name is Dean, here is my solution for this challenge.

I built the layout using TailwindCSS.

In order to get a 100% Lighthouse rating, I darkened the text colour for the paragraph to increase the contrast to make it easier to read on the white background.

Thanks for taking a look, any feedback is appreciated.

Hello, my name is Dean, here is my solution for this challenge

Any feedback greatly appreciated

maybe there something I missed with semantic HTML or best practices

Thanks for taking a look

Hi 👋, I'm Dean, and this is my solution for this challenge

After a couple of attempts at this project I've finally got a working solution.

If you're into JavaScript I'd love to get some feedback, I focused on separating concerns when writing my functions, how did I do with this?

I have a Lighthouse score of 100% on Performance, Accessibility, Best Practices & SEO, but how might I develop for Progressive Web Apps?

Any feedback would be greatly appreciated,

Many thanks

I'm practicing writing my code in Bem principles, any pointers would be greatly appreciated, thanks for taking a look :)

Thanks for taking a quick look at this tailwindcss build

Areas to develop;

• would be nice to animate the hidden paragraphs and icons
• box shadow could be improved

Please let me know if you have any feedback

Tailwind CSS build, would love to get some feedback as there are a few sticking points here that I'd like to fix.

• The curves were tricky to execute and require some tweaking

• A few layout glitches, overflow-x-hidden not working on various devices when testing in chrome dev tools

Thanks for taking a look regards Dean