Skip to content
OverviewSolutions
7
Comments
7
P
Francisco Javier Marin Ascenso
@Franciscoj91

All comments

  • Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 8 days ago

    I really liked how you arranged the elements in the medium size.

    I would fix the colors of the texts so that they are as in the design.

    The cards have a shadow that you can create using the box-shadow property, try it if you haven't used it.

    0
  • tushar-Ruhela•260
    @tushar-RuhelaSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    most proud thing in this project made this project more attractive and responsive also next time i will focus on create more attractive project

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

    challenges shoud come in between like create desgin with the help of grid and make font urgestment but i will overcome them by learning this things,

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

    the area should be gird continer creating when we create desgin with grid we should take care of size of column or row

    four-card-section using css grid

    1
    Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 11 days ago

    Very good work, I would recommend you improve your solution using relative values ​​instead of px, take time on the small details.

    Congratulations.

    0
  • Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 3 months ago

    Very good work.

    I recommend changing the div tags for HTML semantic tags, whatever you can.

    You should not use a <p> tag for the Add to cart button. You can use a <button>, <a> or <div> tag.

    Congratulations.

    Marked as helpful
    0
  • Abdullah Abdurazaq•290
    @Ayyubiy90Submitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I'm most proud of how I was able to implement a fully responsive design that adheres to accessibility standards. By using semantic HTML and CSS best practices, I created a clean and intuitive user interface. The use of flexbox and CSS Grid allowed me to achieve a flexible layout that looks great on both mobile and desktop screens.

    Additionally, I'm proud of the project structure and how I managed my workflow using a mobile-first approach. This helped me prioritize essential design elements for smaller screens and progressively enhance the experience for larger displays.

    What Would I'll Do Differently Next Time?

    While I'm satisfied with the outcome, there are a few things I would do differently next time:

    1. More Testing Across Browsers: I would allocate more time for cross-browser testing to ensure consistency across different environments.

    2. Explore More CSS Techniques: I would like to experiment with advanced CSS techniques such as animations and transitions to make the page more dynamic and engaging.

    3. JavaScript Enhancements: Adding some JavaScript functionality to improve interactivity, such as form validation or user feedback mechanisms, would enhance the user experience.

    4. Focus on Performance Optimization: I would spend more time optimizing images and other assets to ensure faster loading times and a smoother user experience.

    5. Seek More Feedback Early: Gathering more feedback from peers or users early in the development process could help identify potential improvements and guide my design decisions.

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

    I would appreciate help with:

    1. Accessibility Improvements: Guidance on improving accessibility features for a more inclusive user experience.

    2. Advanced CSS Techniques: Suggestions for using advanced CSS techniques to enhance visual appeal.

    3. Code Review: Feedback on code structure and best practices to improve maintainability.

    4. Performance Optimization: Tips on optimizing images and CSS for faster load times.

    5. JavaScript Enhancements: Advice on adding interactive elements to enhance user engagement.

    HTML and responsive design

    2
    Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 4 months ago

    Good job with the use of semantic tags.

    I would take the h1 out of the header and place it in the section with the intro class.

    I liked your approach to design.

    Marked as helpful
    0
  • Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 4 months ago

    Excellent work, I would recommend starting with the mobile view and making it responsive using media queries.

    Marked as helpful
    0
  • Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 5 months ago

    Keep working and try to spend as much time as possible on each part of the page.

    I recommend you start by giving styles from the mobile first view

    0
  • Francisco Javier Marin Ascenso•140
    @Franciscoj91Posted 5 months ago

    Hi Tulio

    Keep working on getting closer to the design.

    You can find out about using google fonts.

    Try to pay attention to details, such as margins.

    0