Skip to content
OverviewSolutions
6
Comments
4
Riska997
@Riska997

All solutions

  • Submitted 6 months ago

    Social links profile main using CSS flexbox

    • HTML
    • CSS
    1

    Flexbox and Grid Layouts

    • While I used Flexbox for the layout, I am interested in understanding how I could have implemented CSS Grid for the same purpose.

    • Can someone provide a comparison or example of how to convert my Flexbox layout to a Grid layout?

    Best Practices

    • Any advice on best practices for organizing and structuring my HTML and CSS files would be helpful.

    • For example, should I separate certain styles into different files or use specific naming conventions?

    Any other feedback is welcome!

  • Submitted 6 months ago

    Blog preview card main using HTML5, grid layout and flexbox

    • HTML
    • CSS
    3

    I'm currently seeking assistance with the CSS layout of my project. Specifically, I'm struggling with centering elements within a container using Flexbox. Despite my efforts, I haven't been able to achieve the desired alignment. Any guidance or suggestions on how to properly centre elements would be greatly appreciated. And any other feedback is welcome.

  • Submitted 6 months ago

    Huddle landing page with alternating feature blocks master using grid

    • HTML
    • CSS
    1

    I'd like specific feedback on the responsiveness of my Huddle landing page with alternating feature blocks. Specifically, I'm concerned about the accessibility of the .intro section across all screen sizes and orientations. Additionally, I'm seeking guidance on improving the margins and paddings throughout the design to enhance its visual appeal and usability.

  • Submitted 6 months ago

    Product preview card component solution using CSS grid and CSS Flex

    • HTML
    • CSS
    2

    Areas for Feedback

    I would greatly appreciate feedback on my project, particularly in the following areas:

    1. CSS Grid Usage: This was my first time using CSS Grid, and I'm unsure if I've implemented it correctly. I'd like someone to review my grid layout and point out any errors or areas for improvement.

    2. Responsiveness: While I've tried to make my project responsive, I'm not entirely confident that it displays optimally on all screen sizes. I would appreciate feedback on how I can improve the responsiveness of my design, especially for smaller screens.

    3. Code Structure and Organization: I want to ensure that my HTML and CSS code is well-organized and follows best practices. If there are any areas where I could improve the structure or organization of my code, I'd like to know.

    4. Accessibility: Accessibility is essential, and I want to make sure my project is accessible to all users. If there are any accessibility issues in my code or design, I would appreciate feedback on how to address them.

    Any guidance or suggestions on these specific areas would be incredibly helpful for me to complete this challenge successfully. Thank you in advance for your assistance!

  • Submitted 6 months ago

    QR code main component using HTML and CSS

    • HTML
    • CSS
    0

    Be as specific as possible when asking questions or for feedback on areas of your code. This will increase your chances of receiving higher-quality input from others.

    I feel like my web page could have been better, but I am not sure where to improve it. Here are some specific areas where I would appreciate help and feedback:

    Specific Areas for Improvement

    1. Responsive Design:

      • Are there any best practices for media queries and breakpoints that I might be missing?
      • How can I improve the layout to make it more fluid and adaptable to different screen sizes?
      • Are there specific tools or frameworks that can help with testing responsiveness more effectively?

    2. CSS Optimization:

      • How can I optimize my CSS to reduce redundancy and improve performance?
      • Are there specific techniques for organizing and structuring CSS to make it more maintainable?

    3. Cross-Browser Compatibility:

      • What are some common issues that might cause discrepancies between browsers, and how can I address them?
      • Are there specific tools or methods for ensuring consistent appearance and functionality across different browsers?

    4. Accessibility:

      • What accessibility standards should I follow to ensure my web page is usable for people with disabilities?
      • How can I test my web page for accessibility issues, and what are some common pitfalls to avoid?

    5. Performance Optimization:

      • Are there specific strategies for optimizing the loading speed of my web page, especially regarding CSS and images?
      • How can I measure and improve the overall performance of my website?

    6. User Experience (UX):

      • How can I enhance the overall user experience in terms of navigation, readability, and interaction?
      • Are there design principles or guidelines that could help improve the visual appeal and usability of my web page?

    Code Review Requests

    • HTML Structure: Feedback on the semantic structure and organization of my HTML code.
    • CSS Techniques: Suggestions on improving my use of CSS, including layout techniques and styling practices.

    Thank you in advance for your help and feedback!

  • Submitted 8 months ago

    Simple Recipe main page using html(tables and lists) and CSS

    • HTML
    • CSS
    1

    Any feedback on how to further improve this webpage is welcome.