I would like to make it more efficient in terms of writing CSS code.
Please check my CSS. Let me know if it is too long. Can you help me rewrite this in smaller css.
Help me to write this without using media query
Help me in writing this code in a more efficient way.
Help me write less lines of code in css to do the same thing.
I would love to seek help in making the css even simpler.
I was able to position the post divs using flexbox and margins
What challenges did you encounter, and how did you overcome them?I struggled when it came to positioning the content the right way for different screen sizes
You have done a great job. The design is almost perfect. In the header section, try to contain the sub text by giving a width to the header element. it is taking the entire screen now. Overall, the code is quite clean. Writing separate CSS and HTML is a more optimal choice. Try not to mix them,
it is quite nice. A few things here and there needs to be fixed in terms of font selection and attribution part
I did much faster than I thought
What challenges did you encounter, and how did you overcome them?I couldn't use grid lines in between the rows and columns.
What specific areas of your project would you like help with?HTML CSS GRID
It is almost as close to the design. The image is not loading. Overall it is responsive. You can add the dividers at the end of each section and even in the calories section to replicate the original design.
I have been able to work faster and more efficient.
What challenges did you encounter, and how did you overcome them?I have slight issues making the page more responsive.
What specific areas of your project would you like help with?Responsiveness
The layout displays well on a range of screen sizes, ensuring a consistent user experience across devices.
The code is well-structured, readable, and demonstrates an understanding of reusability principles, which facilitates easier maintenance and collaboration.
Furthermore, the solution closely aligns with the design, just adjust a few things. Mainly the button style. USE border style: none; to get rid of the default styling of the buttons
The project is well done and looks great. It is very close to the final design. In terms of accessibility ALT text and other features can be followed to make it a professional one, The layout looks good on both Mobile and desktop sites The code is very well structured and readable and arranged in a format that can be easily understood. The solution is very close to the final design
This is almost good. And really close to the given design. but make sure to design the attribution part as well. The code is responsive and wise use of flex box. Overall everything is really nice and looks great.
