@Dorm-24Submitted 18 days ago
What specific areas of your project would you like help with?
Check the bullet lists, I’m not confident in them. Same with the mobile design—I’ve never done it properly.
Latest solutions
Responsive Recipe Page with CSS Flexbox & Grid
Submitted 18 days agoResponsive Design Improvements – While I’ve made the page adapt to different screen sizes, I’d love feedback on optimizing layouts for better readability on larger screens.
Accessibility Enhancements – I want to ensure my project meets WCAG standards, especially in terms of color contrast, font sizes, and keyboard navigation.
Code Optimization – I’d like guidance on best practices for writing cleaner, more efficient HTML & CSS to improve maintainability.
Responsive landing page using css flexbox.
Submitted about 1 month agoI want to see how the icons are added. Also, I want to add two buttons so that I can switch between desktop and mobile view.
Latest comments
- @Md-Sadekur-RahmanPosted 17 days ago
Your project is well-structured, with clean and semantic HTML, making it both readable and accessible. The use of CSS variables for colors, fonts, and sizes is a great practice, ensuring maintainability and consistency. Your typography choices and color scheme are visually appealing, and the use of display: flex in the body helps center the content effectively. However, there are a few areas for improvement. The image width is fixed at 650px, which may cause responsiveness issues on smaller screens—using max-width: 100% and height: auto would make it more adaptable. Additionally, adding min-height: 100vh to the body would ensure proper alignment on shorter screens. The <main> element could also use some padding to prevent the content from touching the edges, and using rem instead of px for margins would improve scalability. Overall, this is a solid and well-organized project with only minor tweaks needed to enhance responsiveness and spacing. Great job! 🚀
0 - @Jay-RiveraSubmitted 23 days agoWhat are you most proud of, and what would you do differently next time?
Although I didn't have the figma file, I was able to get to the same design layout as the preview.
I would probably give everything a class name when I'm working on the HTML page as I found myself going back to add them.
What challenges did you encounter, and how did you overcome them?Setting up the links where they would highlight on hover. I initially had the anchor tag nested within the li elements and it wouldn't highlight the text if i was hover on the li element.
I was able to play around the code and nested the li element inside the anchor element to ensure that the whole container would lead to the desired link.
What specific areas of your project would you like help with?I usually center the main container using flex box.
Is there another way to center a container?
@Md-Sadekur-RahmanPosted 21 days agoIt was not responsive. Please make sure you write css for different sizes.
0 - P@pawelni123Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I used figma again to create this layout. I created the HTML myself, but figma was a huge help in this regard (CSS).
@Md-Sadekur-RahmanPosted 26 days agoI saw the solution and analyzed every single details of the design. I learned a lot. Thanks for the solution and the nice project.
Marked as helpful0 - @samia-oishiSubmitted about 1 month ago
