Skip to content
OverviewSolutions
6
Comments
7
jubileelin
@jubileelin

All comments

  • jubileelin•100
    @jubileelinPosted 4 months ago

    good design, make sure to check spacing in between elements

    0
  • jubileelin•100
    @jubileelinPosted 4 months ago

    instead of using divs, it could be helpful to increase accessibility by using html semantics such as <figure> for image containers, or <section> to divide content.

    1
  • jubileelin•100
    @jubileelinPosted 5 months ago

    Your code is so clean and concise, very impressive. You could alternatively use the element <hr> to create horizontal lines on a page instead of a <div> element like you did. Otherwise, great job!

    Marked as helpful
    0
  • jubileelin•100
    @jubileelinPosted 5 months ago

    I think the font weight on the buttons are slightly off and the buttons need to be centered on the container. Otherwise, looks good!

    Marked as helpful
    0
  • Patrycja•160
    @Patrycja-dzSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the hover effects and animation. The gradient transition turned out exactly as I envisioned, creating a visually appealing effect that enhances user interaction. Next time, I would focus more on optimizing the CSS code and ensuring it is more modular. I would also invest more time in improving the accessibility of the project, making sure that it is fully usable by people with disabilities.

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

    One of the main challenges I encountered was ensuring that the card was fully responsive on different screen sizes. Initially, I struggled with maintaining the layout on smaller screens. I overcame this by adopting a mobile-first workflow and using flexbox for more control over the layout. I also faced issues with the hover effects not working as intended, which I resolved by experimenting with different CSS properties and researching best practices.

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

    I would appreciate feedback on the following areas:

    CSS Structure: Are there any suggestions for improving the structure and organization of my CSS?
Accessibility: Are there any accessibility improvements I could make to ensure a more inclusive design?
Performance: Any tips on optimizing the performance of the card, especially concerning CSS and image loading?

    Any advice or suggestions on these points would be greatly appreciated!

    Blog preview card

    1
    jubileelin•100
    @jubileelinPosted 5 months ago

    The transitions are really cool and unique! Are there any resources you would suggest to help learn how to implement them?

    0
  • jubileelin•100
    @jubileelinPosted 5 months ago

    nice solution

    0
  • Daniel Chávez•30
    @danielchavezsSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Not much, it was a pretty simple project. Maybe at a certain point where I forgott some basics that you usually don´t apply whe working with frameworks such as React or Next, so it was a good practice to review that basic HTML and CSS use.

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

    Mainly deployment. I hadn´t done any previous deployments on smal HTML projects, so I just had to move averything to the root folder inb order for it to work.

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

    None, thanks.

    HTML tags and CSS with some display flex.

    1
    jubileelin•100
    @jubileelinPosted 5 months ago

    nice

    0