@binetougayeSubmitted 3 months ago
Latest solutions
Responsive testimonials grid section using CSS Grid
#accessibility#pure-cssPSubmitted about 2 months agoAny recommendations are welcome.
Responsive Four card feature section
#accessibility#pure-css#webflowPSubmitted about 2 months agoAny input and suggestions are welcome.
Product preview card component
#pure-css#accessibilityPSubmitted 3 months agoMedia queries and how flexible websites are are two things I really need help with.
Recipe Page using CSS Flexbox
#accessibility#webpackPSubmitted 5 months ago-
Accessibility: Adding aria-label attributes where necessary, and ensuring color contrast is sufficient for visually impaired users. For example, the light shades of grey used for text might not have enough contrast for readability.
-
HTML & CSS Best Practices: Using more descriptive class names for better readability. Leveraging flexbox or grid more extensively to simplify the layout.
-
Performance Optimization: The current implementation loads several custom font files. It might be helpful to explore methods to optimize font loading, like using the font-display property or reducing the number of font weights to speed up load times.
-
CSS Organization: Moving towards a more modular approach, like using utility-first frameworks (Tailwind CSS) or organizing my styles into partial files (if using a preprocessor like SCSS), could make the project easier to maintain.
-
Social links profile using CSS Flex box
#accessibility#pure-cssPSubmitted 5 months ago-
Accessibility: Are there any improvements I can make to enhance the accessibility of the profile?
-
CSS Best Practices: Any suggestions on refining my CSS for better maintainability and readability would be appreciated.
-
Responsive Design: I'd love to hear if there are more efficient ways to make the design responsive across different devices.
-
Blog preview card using CSS Flexbox
#pure-css#webflow#accessibilityPSubmitted 5 months ago-
Advanced CSS Techniques: While the code demonstrates responsive design fundamentals, there might be a desire to explore advanced CSS techniques like Flexbox or Grid for more complex layouts.
-
Interactive Elements: The card currently displays static content. I might be interested in adding interactive components like buttons, hover effects, or animations for improved user engagement.
-
Accessibility Best Practices: Implementing best practices for accessibility ensures everyone can experience the content.
-
Latest comments
- @Pelumi72Submitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I was able to understand and use CSS grid.
What challenges did you encounter, and how did you overcome them?Using CSS grid was a challenge, so I had to learn more. I had to go through different resources and that was when I realized what I was doing wrong and how to adjust it.
What specific areas of your project would you like help with?I would like help on how to use bootstrap grid to achieve a similar result.
- @MichaelDAbadJrSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I'm most proud of getting good with css grid and semantic html
What challenges did you encounter, and how did you overcome them?I found using css grid challenging after I have gotten pretty comfortable with flexbox. I have an inclination to use flexbox so using grid here was interesting.
What specific areas of your project would you like help with?I would like to see how you did it, and how you handled the different media queries for switching out the images.
- @gitere001Submitted 5 months agoWhat are you most proud of, and what would you do differently next time?
i learnt about how to style a table
P@TainicknackzPosted 5 months agoThe solution effectively utilizes semantic HTML and CSS to create a visually appealing and responsive design. Nicely done!
0 - @saruujaSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
What I am most proud of is how I built the challenge straightway the time takes me, and how I want to develop more challenges.
** Like how I say the previous challenges*
- to do differently how I make responsive layout design parts of the challenge
- There is no really that much challenge but in the responsive part. -I make some searches about how to use but it's not yet the level I want
**The specific areas of the project I would like help with?
- Responsive part, if anyone can share with me good responsive and media-Queries Courses like YouTube or Web I'd appreciate that kind of Feedback
P@TainicknackzPosted 5 months ago- The project boasts a neat design and well-structured code.
Marked as helpful0 - @Sarah-MousaSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I wasn't aware of box shadow property before , so I study it to complete this task. Next time I will focus on where to use different measurements.
What challenges did you encounter, and how did you overcome them?box shadow
What specific areas of your project would you like help with?Responsive point , sometimes I do it and sometimes I can't.
P@TainicknackzPosted 5 months ago- Great code! Keep up the good work.
- Additionally, the design is clean.
0
