I would like to know how I can improve, if there is a way to fix it, or if maybe I did something wrong that altered the image's behavior.
I would like some feedback about responsive. How could I improve in vanilla css?
I would like some feedback about responsive. Is there another way to handle the breakpoints instead of media queries? I made sure to handle the 375px and some other that I considered that were distorting the content, but I would have liked to manage the text positioning better.
I could not change the bottom padding from the profiles in desktop screen size, the only way was with !important, however I do not want to use !important because it eventually cause problem when trying to debug and if the code is extensive.
Very well! Just some suggestions: The card border styles are repeated in each ID. Maybe you could group them into a common class and then assign only the colors using the IDs. This would help make the code cleaner and easier to maintain.
I simply followed the original project and coded the solution with HTML and CSS, but I also added a Light Mode function in Javascript. Next time, I would like to try it in other frontend languages like ReactJS.
What challenges did you encounter, and how did you overcome them?This is the first project I had to do without the Figma, so it took more time and a lot of trial and error to get the challenge to match as close as possible.
What specific areas of your project would you like help with?I am still learning the other frontend languages, such as ReactJS, so any advice involving them would be helpful. A React extension may also be included on GitHub.
Hello, your project looks good and quite similar. However, you forgot the border-radius on the image, and maybe adjust the padding.
