Skip to content
OverviewSolutions
4
Comments
5
P

hongleir2

@hongleir2110 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Product preview card

    P
    hongleir2•110
    Submitted about 1 month ago

    I would appreciate feedback on the following areas:

    1. CSS Optimization & Maintainability:

      • Are there ways to simplify my text-preset-* classes while keeping them reusable?
      • Would using a CSS preprocessor like SCSS improve the structure?

    2. Accessibility & UX Enhancements:

      • Are there any ARIA attributes or improvements I should add to enhance screen reader usability?
      • Should I add focus states for better keyboard navigation?

    3. Performance Improvements:

      • How can I optimize image loading (e.g., srcset, lazy loading) to improve performance?
      • Are there any best practices for reducing unnecessary CSS while maintaining the design?

    Any feedback or suggestions to refine this project further would be greatly appreciated! 🚀😊

    1 comment

  • Recipe page

    #pure-css
    P
    hongleir2•110
    Submitted about 1 month ago

    I would appreciate feedback on the following areas:

    1. CSS Optimization & Maintainability:

      • Are there ways to simplify or optimize my CSS rules for better maintainability?
      • Would using a CSS framework (like TailwindCSS or SCSS mixins) improve efficiency?

    2. Accessibility Enhancements:

      • Are there any ARIA improvements I should make to improve screen reader usability?
      • Should I add more semantic elements (e.g., <section> vs <div>) for better structure?

    3. Responsive Design & Mobile Experience:

      • How can I further refine responsiveness, especially on very small screens?
      • Would using clamp() or flex-wrap in more places help?

    Any suggestions or feedback would be highly appreciated! 🚀😊

    1 comment

  • Social links profile

    P
    hongleir2•110
    Submitted about 2 months ago

    I would appreciate feedback on the following areas:

    1. CSS Best Practices:

      • Are there better ways to structure my CSS for scalability and maintainability?
      • Should I consider using rem or em instead of fixed pixel values?

    2. Accessibility Improvements:

      • Are my role attributes correctly assigned, or should I use more semantic elements?
      • Would adding ARIA attributes improve accessibility for screen readers?

    3. Alternative Layout Strategies:

      • Would CSS Grid be a better approach for structuring the profile card?
      • How can I improve responsiveness without relying too much on media queries?

    I appreciate any suggestions or feedback to refine this project further! 🚀🎨

    2 comments

  • Blog preview card

    #pure-css
    P
    hongleir2•110
    Submitted about 2 months ago

    I would appreciate feedback on the following areas:

    1. CSS Structure & Optimization:

      • Are there ways to improve my CSS organization to make it more maintainable?
      • Would CSS variables be beneficial for managing colors and spacing?

    2. Responsive Design Enhancements:

      • My media query adjusts font sizes and layout, but is there a more efficient way to handle responsiveness?
      • Should I consider using CSS clamp() or rem units instead of fixed px values?

    3. Best Practices for Semantic HTML:

      • Are there any semantic improvements I should make to improve SEO and accessibility?
      • Would adding ARIA attributes help in making the blog preview card more inclusive?

    Any feedback or suggestions are greatly appreciated! 🚀

    1 comment

Latest comments

  • P
    hongleir2•110
    @hongleir2Posted about 1 month ago

    Great job on this implementation! 🎉 Your solution is very close to the design, achieving an almost pixel-perfect match. The structure, typography, and layout are well-executed, making it look highly polished.

    One minor difference is the card size, which appears slightly different compared to the original design. Adjusting the width and padding might help to match it exactly.

    Overall, an excellent implementation with great attention to detail! Keep up the great work! 🚀😊

    0
  • P
    hongleir2•110
    @hongleir2Posted about 1 month ago

    Great job on this implementation! 🎉 Your solution not only closely matches the original design but also enhances the instructions and nutrition sections, making them look even better. The layout is clean, well-structured, and visually appealing. Excellent work on maintaining readability and spacing throughout the page. Keep up the great work! 🚀😊

    Marked as helpful
    0
  • P
    hongleir2•110
    @hongleir2Posted about 2 months ago

    Great job on this implementation! 🎉 Your solution is very close to the design, achieving an almost pixel-perfect match. The layout, typography, and structure are well-executed, making it a clean and responsive implementation.

    Just a couple of minor differences:

    The gap between Jessica’s name and location is slightly off compared to the design. A small adjustment in spacing (e.g., gap or margin) should help match it more closely. The avatar size differs slightly from the original. Ensuring the correct dimensions (width and height) will bring it even closer to the intended design. Overall, a solid implementation with great attention to detail! Keep up the great work! 🚀💡 Looking forward to your future projects! 😊

    Marked as helpful
    0
  • Laury2nd•20
    @okook659Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of finishing it within three(03) days

    Next time i would use a framework

    What challenges did you encounter, and how did you overcome them?

    I faced difficulties when trying to add custom font in css. I overcomed it by searching on the internet

    What specific areas of your project would you like help with?

    I would like to help with e-commerce app

    blog-preview-card-main

    #pure-css
    1
    P
    hongleir2•110
    @hongleir2Posted about 2 months ago

    Great job on this implementation! 🎉 Your solution is very close to the original design, achieving an almost pixel-perfect match. The structure and layout are well-executed, and it's impressive that you completed it within just three days! 🚀

    I also admire your problem-solving mindset—overcoming the difficulty of adding custom fonts by researching online is a valuable skill in real-world development. Keep up that determination! 💪

    One minor suggestion: the box-shadow on the card is slightly smaller compared to the design. The expected shadow offset is 8px 8px, so increasing the size would enhance the accuracy of the match.

    Looking forward to seeing your future projects, especially in e-commerce development. Keep pushing forward! 🚀🎨💡

    0
  • P
    hongleir2•110
    @hongleir2Posted about 2 months ago

    Your implementation is really close! Just a few tweaks to text alignment, spacing, and font sizes will make it even sharper. The card could be slightly more centered, and the QR code placement fine-tuned for accuracy. A quick check on colors and scaling will bring it even closer to pixel-perfect. Great job—just a little polishing, and it’ll be spot on! 🚀

    Marked as helpful
    0