All solutions

This is my first time using React Hook Form and TypeScript. I would appreciate any feedback on my usage of these tools. Are there any mistakes or areas for improvement in my code?

I would appreciate any feedback on my solution. What do you think of my approach and implementation? Thank you in advance for your input!

I would appreciate any feedback on my solution. What do you think of my approach and implementation? Thank you in advance for your input!

I would appreciate any feedback on my solution. What do you think of my approach and implementation? Are there any areas where I could improve? Thank you in advance for your input!

First time using tailwind container queries.

I had trouble styling the "Learn more" links using pseudo elements. If anyone can figure out a fix, I would appreciate the help.

const AboutCard = ({ title, text, ariaLabel, linkColor }) => {
return (
<div className="bg-white px-4 py-20 @3xl:p-16 @7xl:p-28">
<h2 className="font-Fraunces text-4xl font-black @7xl:text-5xl">
{title}
</h2>
<p className="my-5 font-Barlow text-lg tracking-wide text-slate-400">
{text}
</p>
<a
onClick={(e) => e.preventDefault()}
aria-label={`Learn more about ${ariaLabel}`}
className={`relative z-50 font-Fraunces text-lg font-black uppercase after:absolute after:-inset-x-2 after:bottom-0 after:-z-10 after:h-3 after:translate-y-1 after:rounded after:bg-${linkColor}-300 after:bg-opacity-70 after:transition-colors after:hover:bg-opacity-100`}
href="#"
>
Learn more
</a>
</div>
);
};

<AboutCard
title={'Stand out the right audience'}
text={ 'Using a collaborative formula of designers, researchers, photographers, videographers, and copywriters, we’ll build and extend your brand in digital places.' }
ariaLabel={'standing out to the right audience'}
linkColor="red"
/>

Fun and challenging project!

I would appreciate any feedback or suggestions for improvement. Thank you in advance for your time and input.

First time working with grid using TailwindCSS, pretty cool!

I welcome all feedback, thanks!

This was a fun challenge, I might come back and do the bonus -- drag and drop to reorder items on the list.

I appreciate all feedback, thanks!

This challenge was a pain in the butt. I had trouble displaying some of the data, like the countries currency. Besides that, this was a fun and challenging project.

I would love some feedback, thanks!

This was a fun challenge, first time working with Figma and react router. I would love some feedback. Thanks!

First time using daisyUI, don't think I used it correctly or to it's full potential. I would love some feedback. I notice there's not a lot of interaction here so I will be more than happy to provide feedback to those that comment or provide feedback on my solution.

One thing I am proud is the input validation message when the wrong format is provided. There's probably a better way code the validation message and would love to hear what you would have done differently.

Thanks!

If anyone with experience with react can take a look at my code(App component). I would love a second pair of eyes and maybe tell where I can improve. Thanks!

Second time working with tailwindcss, struggled using grid so used flex instead. I would love some feedback, thanks!

When it comes to setting height or width, is bad practice to use padding? That's the route I went with and I think the project turned out ok.

This is my first project! I welcome all feedback.