How do you handle cors technique effectively. Please sharing a useful resources will be helpfuL. THANK YOU!.
Suggestion on css styling would be really great on how you handle yours with ease and not much stress
Any idea is great on where you think I can do better.
Being able to use react with to enable light and dark mode
What challenges did you encounter, and how did you overcome them?nothing
What specific areas of your project would you like help with?colors
If you need help with the color I suggest checking the style-guide.md file in the project you downloaded.
you tried on this project 😊
Is my css well structured?
Is this responsive design is good?
This is nice since your just starting if I may guess correctly but it seem your table nutrition color style for the 227kcal isn't applied also you might want to use semantic tag like; main, section e.t.c but for this try wrapping every content in the main element just for semantic you don't have to ✌❤
Successfully completing the challenge and making a visually accurate QR code component and writing clean and well-structured HTML & CSS using best practices like Flexbox for alignment. Experiment with animations to add subtle hover effects for a polished look.
What challenges did you encounter, and how did you overcome them?Challenge I faced is My QR code component was collapsing when the screen width was below 400px so the solution I used is Instead of relying on media queries, I used flexible units (max-width, height: auto) and ensured the container adapted naturally.
What specific areas of your project would you like help with?Are my HTML and CSS well-structured?
Are there better ways to write my CSS to improve efficiency?
Are my image sizes and formats optimized for faster loading?
How can I improve my Git workflow for future projects?
sorry but the preview site seems to be down?...
I'm proud of how clean and well-organized the layout turned out. I focused on maintaining a consistent visual structure using spacing, padding, and font styling. I'm also happy with the use of semantic HTML elements like <ul>, <ol>, and headings for accessibility and structure.
If I were to do it again, I would explore using CSS Grid for the layout in addition to Flexbox, and I’d also add some CSS transitions or subtle animations to improve user experience.
What challenges did you encounter, and how did you overcome them?One challenge was properly aligning and spacing all the sections so they looked balanced and visually pleasing on different screen sizes. I used media queries to adjust the layout for smaller screens and box-sizing: border-box to make padding and width calculations more predictable.
Also, making sure fonts loaded correctly from Google Fonts required careful setup of the <link> tags and font-family declarations.
What specific areas of your project would you like help with?I'd appreciate feedback on:
Whether I’ve structured the HTML semantically and accessibly (e.g., using headings inside <ul>).
How I could improve the responsiveness or make the layout more flexible using modern techniques like CSS Grid or clamp() for font sizes.
Suggestions for improving visual hierarchy and contrast—do the colors work well for readability?
sorry but your omelette image isn't showing. Try creating an asset folder and then inside it with an image folder where your image file is (./assets/images/favicon-32x32.png) or you push it to your gitHub if it exist already.
maybe you can work on your box model so that you'll know when to add margin, border and padding. it can be confusing but you got this 😁
Nice one keep it up 😁
i am proud of the ability i had to reproduce this page and next time i'll try to do it faster than this time.
What challenges did you encounter, and how did you overcome them?my biggest challenges was to guess the right dimensions to use but i tried my best as you can see .
What specific areas of your project would you like help with?if someone can have a tips to know exactly the dimensions you need when you are looking at the picture.
The best way is using grid but if you must use flex box your block elements matters the first and last should have there own container/wrapper then the two in the middle stays together .
Where do I need support? Could you help me place the message and community icons without using the margin-left?
What challenges did you encounter, and how did you overcome them?I encounter challenges spacing out the third section, the flowing conversation column, especially those with texts. I wanted the space that happened to be at the edge to be at the center but I couldn't do it after many trials
What specific areas of your project would you like help with?I want help with the third section, the flowing conversation column. I need help with the spacing
Nice UI 😁
