@andzz-zz
Latest solutions
Responsive Time Tracking Dashboard
#react#vite#typescriptSubmitted 11 months agoAny feedback or tip to improve the code is always appreciated. Still getting the hang of using data(this time was JSON) and using the map() to not have to repeat code for each data.
Responsive E-Commerce Product page
#react#vite#typescriptSubmitted 12 months agoAny feedback (overall or in a specific element (createContext, responsiveness...)). I used Swiper library to create the gallery of images (it is different from the original design).
Responsive Contact Form
#react#vite#typescriptSubmitted about 1 year agoA simple project. Any feedback to improve will be appreciated!
Responsive Crowdfunding product page
#react#typescript#viteSubmitted about 1 year agoNone in particular. I know that the code is too extensive and I plan to narrow down and create more reusable code for now on. The CSS could be way less code, but that's it. Any feedback/tip will be appreciated!
Responsive IP Address Tracker
#react#typescript#viteSubmitted about 1 year agoAny feedback/tip/trick on how to improve the code will be appreciated. Thanks!
Latest comments
- @CairoGarb
It looks great! The responsiveness works well. About the code, you can remove the repetitiveness in the "@media screen". You can set all the changes you want in only one (if they are the same).
EX: @media screen and (min-width: 300px) and (max-width: 780px) { // major changes }
Marked as helpful - @TrenyceCodes@CairoGarb
Well done! For the img, change the url to "images/avatar-jessica.jpeg" or "/images/avatar-jessica.jpeg". The 'images' folder is already inside the 'project' folder, so changing this would work.
Marked as helpful - @SalmaW03@CairoGarb
Hey! Regardings of the .bg, maybe using display: flex. The measures "rem" or "pixels" instead of "%" could improve it. Flex would improve the alignment of the division, not needing to manually center the main container on the center of the page. I noticed that you used "position: absolute" on the image, maybe if you change the width of img to 100%, remove the absolute position and the margin left and in the "h2", remove the margin top aswell. Was well done, good job!
Marked as helpful
