@mattarajesh
Latest solutions
Latest comments
- @mattarajesh
okey thanks for your sugestion
- @AbimzzWhat are you most proud of, and what would you do differently next time?
I'm that i was able to get this site as close to the sample site , it too me a while to figure out the the four cards for the windows view but at the end everything worked out okay.
What specific areas of your project would you like help with?i have no area in specific but will be open to any suggestions or tip that can help to improve my code
@mattarajeshnice design good responsive page
- @najahajaWhat are you most proud of, and what would you do differently next time?
I'm most proud of implementing a responsive design that adapts well across different devices and using the picture element for optimized image loading. The clean and structured CSS enhances the component's functionality and appearance. Next time, I would focus on improving accessibility by ensuring better color contrast and keyboard navigation, optimizing performance further with techniques like lazy loading, and conducting more extensive cross-browser testing to catch any inconsistencies. Additionally, exploring advanced features to enrich user interaction could enhance the overall project.
What challenges did you encounter, and how did you overcome them?One challenge I encountered was ensuring that images displayed correctly across different screen sizes, especially for desktop displays with varying heights and widths. To address this, I used the picture element with source tags to provide different images for desktop and mobile views. This approach allowed me to specify different image sizes for various screen resolutions, ensuring optimal visual quality and performance. Additionally, I adjusted the width and height properties in CSS to ensure the layout adapts smoothly, enhancing the overall responsiveness of the design.
What specific areas of your project would you like help with?I’d appreciate help with a few specific areas of my project. First, I’m looking for advice on optimizing the picture element and source tags to handle responsive images effectively across different desktop resolutions. I also need guidance on ensuring cross-browser compatibility to address any rendering issues in browsers like Chrome, Firefox, and Safari. Additionally, suggestions for enhancing accessibility, such as improving color contrast and making interactive elements fully keyboard-navigable, would be valuable. I’m also interested in strategies for further performance optimization, including minimizing CSS and JavaScript and implementing image lazy loading. Lastly, any tips on managing CSS specificity and improving the organization of my styles for better maintainability would be helpful.
@mattarajeshthe page is good in css use disply: flex and flex-direction: coloum then image and content side by side
Marked as helpful - @eominiWhat are you most proud of, and what would you do differently next time?
Otimizaria o codigo, muito a melhorar
What challenges did you encounter, and how did you overcome them?em tags como a da tabela na parte de nutritction
What specific areas of your project would you like help with?Em tags como a da tabela e em responsividade
@mattarajeshin this web page iam confusing about the colors and iam not find the one color and iam dificult for some variables
- @Bosaquak@mattarajesh
yes i will do further changes
- @saksbenWhat are you most proud of, and what would you do differently next time?
Speed/ease of getting it set up
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
@mattarajeshthe border of the margin is dark black that is only change in your task
other than it is almost same
Marked as helpful
