Just have a look at my code and if you have any suggestions I'm here.
I'd like someone to tell me whether I did well in the last section or not.
watch my code and tell me if you have any suggestion.Thanks
I'd like to see if there's an easier way to align the elements.
I'm not proud of this at all. Starting with the next project, I will start using CSS preprocessors or some framework.
What challenges did you encounter, and how did you overcome them?Still struggling with responsive design.
What specific areas of your project would you like help with?I will watch Kevin Powel's videos.
I created the nutritional table using flex and grid which makes things much easier for making it responsive.
What challenges did you encounter, and how did you overcome them?I initially wrote the code of the nutritional table using traditional tables but then decided to figure a way where flex and/or grid was used which I always prefer.
What specific areas of your project would you like help with?I am curious about what other people think about the code used. Is it clean and efficient?
I'm most proud of successfully completing the QR code component project, which involved creating a clean and centered layout for a QR code card with accompanying text. The project helped me practice using HTML and CSS to achieve a specific design goal, ensuring that the layout is visually appealing and responsive. What I Would Do Differently Next Time: If I were to redo this project, here are a few things I would do differently: Adding some interactive elements, such as hover effects on links or animations, could enhance the user experience and make the project more engaging.
What challenges did you encounter, and how did you overcome them?Challenges Encountered: Centering the QR Code Card: Initially, it was challenging to center the QR code card both horizontally and vertically within the viewport. This required understanding how to use flexbox effectively.
Responsive Design: Ensuring that the layout remained visually appealing across different screen sizes was another challenge. This involved experimenting with relative units and media queries.
What specific areas of your project would you like help with?Here are some specific areas where I would appreciate help or feedback:
Interactive Elements I'm curious about adding interactive elements to enhance user engagement. What types of interactivity (e.g., hover effects, animations) would be suitable for a QR code component, and how can I implement them effectively?
Cross-Browser Compatibility How can I ensure that my project looks and functions consistently across different browsers (e.g., Chrome, Firefox, Safari)? Are there specific CSS properties or techniques that I should avoid or use to achieve better cross-browser compatibility?
Yours is much better than mine, I notice that I have a lot of things to improve.
