Latest solutions
- Submitted 8 days ago
My CSS & HTML implementation of the Four Card Section
#accessibility- HTML
- CSS
The responsive view.
- Submitted 8 days ago
Here's my peronal solution to this challenge using HTML & CSS
#accessibility- HTML
- CSS
The responsiveness of the phone I coded using CSS and HTML, I thought it was the width I used but then quickly realised that it wasn't after changing the function but so far, it works the way it should but I might tweak it over-time and see if I can get something out of it but if there's something I could have done better, I'd really appreciate it.
- Submitted 10 days ago
Implementation of the fylo data storage challenge
#accessibility- HTML
- CSS
None for now.
- Submitted 11 days ago
Social proof implementation with responsive view
#accessibility- HTML
- CSS
Currently none but I am opened to feedbacks.
Latest comments
- @FilostkanaSubmitted 11 days ago#cube-css#sass/scss#accessibility
- P@codejerooSubmitted 12 days agoWhat are you most proud of, and what would you do differently next time?
I think the fact that I was able to complete the challenge by only using CSS Grid and media querries
What challenges did you encounter, and how did you overcome them?Since I was used to using flex-box it was hard for me to actually think two dimensionally using CSS Grid. I guess I would try to keep using CSS-Grid more to have a good grasp about the layout tool.
What specific areas of your project would you like help with?What are usually scenarios which you would prefer using grid over flexbox?
- @MarieG41Submitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
I would start with the mobile design because it's a simpler design than the desktop version.
What challenges did you encounter, and how did you overcome them?I didn't encounter any particular challenges.
What specific areas of your project would you like help with?I don't think I need help on this project.
@Sage-25Posted 19 days agoHi Marie.
This is a great implementation. Something I have learnt submitting my solutions here is the good feedbacks I have gotten.
When creating media queries, try moving them into a new folder or move them to the bottom of your CSS code.
I hope this helps.
0 - @rukhulkiromSubmitted 26 days agoWhat are you most proud of, and what would you do differently next time?
I'm most proud of how clean and structured the design is. The use of CSS variables, Google Fonts, and well-thought-out spacing makes the recipe page visually appealing and easy to read. The mobile responsiveness is also a highlight, ensuring a great user experience on different screen size.
Next time, I might focus more on adding interactivity with JavaScript, such as collapsible sections for ingredients and instructions. Additionally, I could improve accessibility by ensuring proper semantic HTML, adding ARIA attributes where necessary, and optimizing keyboard navigation. Another enhancement could be experimenting with animations or transitions to make the page more dynamic.
What challenges did you encounter, and how did you overcome them?-
Maintaining a Clean and Organized CSS Structure.
-
Making the Page Visually Engaging Without JavaScript
-
CSS Optimization & Best Practices: Could the structure of my CSS be improved for better maintainability?
-
Enhancing User Experience (UX): Would adding subtle animations (e.g., hover effects or transitions) enhance the experience without overcomplicating the design?
-
Potential JavaScript Enhancements: Would features like collapsible sections for ingredients/instructions be a good addition?
@Sage-25Posted 23 days agoThis is a good implementation, not further feedback.
0 -
- @vicdunineSubmitted 24 days ago@Sage-25Posted 23 days ago
Good solution.
There might just be a few issues you could adjust ranging from the width of the card and the colour choice.
0 - @JoshBlaachSubmitted 23 days ago@Sage-25Posted 23 days ago
Hi Josh. Great job on this, this implementation looks exactly like what we have on the challenge but with a difference In margin and padding.
I noticed that in the challenge, the padding-top, left, right and bottom are all consistent and wider, this helps the design breathe a little. I also noticed you use a lot of PX rather than REM, one thing I have been taught in the community is the use of REM in replacement for PX.
Not sure if placing the footer right inside the card was intentional.
Marked as helpful0