All solutions

I know that a page of this size is not recommended to do with react, however as I was studying react I decided to do it anyway to see how I would do using the tool. In my view it was full of Workaround seen by some developer, but visually I liked the result, especially the way I positioned the elements and the approach I used to make everything flexible.

Really if you can give me any tips about my use of react I will be happy

I would like some help to check if my hamburger menu has any accessibility errors

I can't put the svg and at the same time apply the gradient to the bottom of the image, if anyone knows how to solve this I would appreciate it.

and any other suggestion is welcome

I finally sent my 10 project here FEM 🎉🎉🎉

• In this specific project I think I used a lot of flex and grid, if you knew of any way to position the layout with fewer properties I would appreciate it.
• I didn't think the way I organized the tablet layout was very nice. I would like any suggestions, if I should increase the size of the cards or something like that
• Any other type of suggestion is welcome

Particularly I was too lazy to copy the thick Css property from the animation, so reveal that part. For the rest I hope that you evaluate this project of mine. I always end up missing something 😅

don't click the button

Simple challenge, but with it I had an idea to create an "algorithm" to make things even more flexible, I recommend you pay attention to the padding of each section and see the magic happening. And as always, any suggestion I can make to improve the project is welcome.

How to structure js? for me it's very confusing, if I use a relative value, fixed or remove element.

This project on the instruction part gave me a lot of work to make everything responsive, but I liked the result. I went for an approach that I haven't seen in other projects.

However there were parts that I had to use some divs to organize these my layout, particularly I wish I had not used them, both in the initial images and in the buttons, if you know how I can reduce the amount of divs please let me know.

I wanted to know with you guys about the animations, I used it but it was crazy, I would like to know about organization, accessibility, and time for animations because I'm worried about this interfering with the user's experience.

In the project I used the figma dimensions as a base, but even so I see that there are "crooked" items, I would like to know how I could solve this, without having to keep taking screenshots of the screen comparison. I'm always looking for the pixel perfect.

Any suggestion is welcome, in the last challenge I thought it was good, but the guys showed me several points that I missed, and I managed to learn a lot.

another thing, for accessibility they recommend putting the dimensions of the image in the html, however when I put the dimensions and the page readjusts to be flexible it points as an error, is there any way to put more flexible dimensions in the html

I particularly don't know how to improve this project even more, my biggest doubt is regarding the git-hub, there I use a gif for the best experience, but I don't know where I should put the .gif file Should I host the file? But I couldn't find a good free place to host big gifs without losing quality I see that some sizes I can't reproduce like the photo, there is a tool for those of us who don't have the pro to know the exact spacing size of each element

I'm very proud of my layout, but twist the fingers so that there is an error, so that I can improve it even more

When I created the git hub hosted version the images weren't loaded, as it appears that the git hub pages doesn't load images that were called by css only. I would like to know if there is a way to solve it? Because I had to do a workaround so we can visualize

When placing the element I had to use some "magic numbers" in the margin of my elements to make those spaces in the user part. Is there a cleaner way to do this without having to put infinite DIVs in the code?

I also tried using BEM to organize my classes in CSS but I don't know if how I used it was too much