MATTA RAJESH• 100
@mattarajesh
Submitted
MATTA RAJESH
@mattarajesh
All comments
- MATTA RAJESH• 100
@mattarajesh
Posted
okey thanks for your sugestion
0 - Abimbola• 170
@Abimzz
Submitted
What 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
MATTA RAJESH• 100@mattarajesh
Posted
nice design good responsive page
0 - AHAMED NAJAH• 220
@najahaja
Submitted
What 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.
MATTA RAJESH• 100@mattarajesh
Posted
the page is good in css use disply: flex and flex-direction: coloum then image and content side by side
Marked as helpful
0 - Bruno• 40
@eomini
Submitted
What 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
MATTA RAJESH• 100@mattarajesh
Posted
in this web page iam confusing about the colors and iam not find the one color and iam dificult for some variables
0 - Bosaquak• 10
@Bosaquak
Submitted
MATTA RAJESH• 100@mattarajesh
Posted
yes i will do further changes
0 - Benjamin Saks• 40
@saksben
Submitted
What 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
MATTA RAJESH• 100@mattarajesh
Posted
the border of the margin is dark black that is only change in your task
other than it is almost same
Marked as helpful
0 - tommy flinch• 100
@tflinch
Submitted
What are you most proud of, and what would you do differently next time?
I took my time to create the elements and organize them in a div. Next time i would use a grid layout for centering.
What challenges did you encounter, and how did you overcome them?
i had challenges centering my content in my card container. I overcame this challenge using by using display flex and setting the flex direction to center.
.card-container{ background: #FFFFFF; width: 320px; height: 497px; margin: 20rem auto; border: none; border-radius: 5%; display: flex; flex-direction: column; align-items: center; }What specific areas of your project would you like help with?
None so far.
MATTA RAJESH• 100@mattarajesh
Posted
it is good
0
