Skip to content
OverviewSolutions
4
Comments
4
0xdvck
@0xdvck

All comments

  • Si1entERA•450
    @Si1entERASubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    The completion of the project.

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

    Getting used to BEM methodologies.

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

    Any feedback is welcome

    nft-preview-component

    1
    0xdvck•90
    @0xdvckPosted 3 months ago

    You done a great job :D.

    0
  • 0xdvck•90
    @0xdvckPosted 4 months ago

    I think your gap spacing is little bit off, use gap and row-gap property to adjust you grid spacing. Happy coding

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

    I am weak in responsive point of view but definetly enjoyed this project with css grid and Next time i will try to more accurate and design and way of writing css

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

    I guess responsivenes is main factor from mobile to desktop

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

    Very fun project made with knowledge i have i had know that i need more and more improvement which i will do in future Thanks....

    Responsive landing using Css Grid

    1
    0xdvck•90
    @0xdvckPosted 4 months ago

    You should try to follow the design as accurate as possible, also font is very important try changing the font and feel the different. Anw nice progress and happy coding

    Marked as helpful
    0
  • Ashutosh-Neupane•80
    @Ashutosh-NeupaneSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of achieving a clean, responsive design using Flexbox and media queries. Next time, I would refine the layout for even better cross-browser compatibility and improve accessibility features.

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

    I encountered challenges with ensuring the layout's responsiveness across different screen sizes and making elements adapt smoothly. I overcame these by thoroughly testing media queries and adjusting CSS properties to maintain consistency and functionality.

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

    I’d like help with ensuring the responsive design elements function correctly across various devices and screen sizes, as well as optimizing the layout for different resolutions.

    Flexbox, media queries, CSS variables, and Google Fonts

    1
    0xdvck•90
    @0xdvckPosted 4 months ago
    1. Semantic HTML: Evaluation: The project uses semantic HTML tags like <main>, <section>, and <img> with appropriate alt attributes. However, it could further benefit from using more semantic tags such as <article> for the product card. Improvements: Consider using <article> for the product card and <figure> for images with captions.
    2. Responsive Design: Evaluation: The layout adapts well to different screen sizes, maintaining a consistent design on mobile and desktop devices. Improvements: No major improvements needed, but ensure testing on various devices and browsers to confirm consistency.
    3. Code Structure and Readability: Evaluation: The code is generally well-structured, with clear class names and separation of concerns between HTML and CSS. Improvements: Consider organizing CSS into modular files if the project scales. Use BEM (Block Element Modifier) methodology for class naming for better maintainability.
    4. Design Consistency: Evaluation: The solution closely follows the provided design, ensuring a good visual match. Improvements: Ensure all font sizes, margins, and paddings match the design specifications. Use design tools like Figma or Sketch to measure exact values if necessary.
    0