@Ahmed-Bouhrira
I am Agustín, known in the tech world as codigoTin. With over 5 years of extensive experience in WordPress development, I specialize in creating dynamic, responsive, and user-friendly websites. I bring a keen eye for design with advanced skills in Figma and Adobe XD for UI/UX design.
I’m currently learning...In addition to my WordPress expertise, I have strong programming skills in JavaScript and CSS, and I am expanding my knowledge in TypeScript, React, and Solidity. This diverse skill set allows me to develop comprehensive and innovative solutions tailored to meet the unique needs of my clients.
Latest solutions
Testimonials Grid Section
Submitted 11 months agoOptimize the code, I want to learn how to do more things with less code.
Product preview card component
Submitted 11 months agoThe detail, I always want to improve the layout pixel by pixel.
Recipe page - codigoTin
Submitted 11 months agoI would like you to help me with the small details and to optimize the code according to best practices.
Blod Caard
Submitted 11 months agoI would like to get help on code optimization and HTML and CCS best practices.
Latest comments
- @codigotin
Does the solution include semantic HTML?
Yes, you are using semantic code in HTML
Is it accessible, and what improvements could be made?
you could use more descriptive classes to apply the css.
Does the layout look good on a range of screen sizes?
No, it does not have responsive design, in the mobile version it is not shown with the original design.
Is the code well-structured, readable, and reusable?
Yes, the code could be reused
Does the solution differ considerably from the design?
It has some resemblance, there are still many details that could be improved.
- @jubileelinWhat are you most proud of, and what would you do differently next time?
I have seen a lot of improvement in my work pace. The last responsive design challenge took my a few days since I kept starting over. This one only took me a few hours to fully plan out and execute. I want to keep practicing responsive design, and also learn javascript soon.
@codigotinDoes the solution include semantic HTML? Yes, the HTML is well structured
Is it accessible, and what improvements could be made? There is a slight problem with the footer, but that is not part of the base design.
Does the layout look good on a range of screen sizes? The design is adaptable to different devices.
Is the code well-structured, readable, and reusable? The code is reusable
Does the solution differ considerably from the design? Very close to the original design, very good job on the design.
- @alstrow@codigotin
Does the solution include semantic HTML?
Yes, it has good HTML.
Is it accessible and what improvements could be made?
Yes, all measurements are made with REM.
Does the design look good on different screen sizes?
In the mobile version there is a problem with the footer.
Is the code well structured, readable and reusable?
Yes, the code is great.
Does the solution differ considerably from the design?
It is very similar to the original design.
- @faekhatami@codigotin
The size of the body is missing so that you can place the recipe container in the center. And the internal padding of the recipe should be slightly bigger. But overall the design is very good.
- @Lescano713@codigotin
In general lines I see it well, but in terms of HTML semantics, the buttons should be used when they are internal links of the web, when it is an external link it is better to use to.
And as for design, you can improve, but otherwise I see it very well.
Marked as helpful - P@juliusalbertoWhat are you most proud of, and what would you do differently next time?
I am most proud of the hover function. I haven't touched any html and css before, and yet it look so good!
What challenges did you encounter, and how did you overcome them?Eh, nothing I guess. Thanks to Mr. Chad Gippity I am able to solve most of the problems. I think the hardest part of this is to determine the font size for desktop and phone screen.
How am I supposed to dynamically figure that out?? Turns out you can use clamp() or em, rem, or something like that.
What specific areas of your project would you like help with?I'm not sure..
@codigotinI would recommend you to visualize the design in Figma, there you can see the specific sizes, font and other elements. In general it is ok, but you can still improve a lot of things in the design.
