Skip to content
OverviewSolutions
2
Comments
2

Aiswariya S

@Aiswariya3aCoimbatore40 points

Aspiring Computer Science Engineering Student | Artificial Intelligence Enthusiast | Python, C, and Java Programmer | Excited about leveraging cutting-edge tech

Latest solutions

  • Solution using Hover Effects and Flexbox Layout using HTML & CSS

    #pure-css
    Aiswariya S•40
    Submitted 10 months ago

    Implementing Shadow Animation

    Question: I'm trying to add a shadow animation to the card when the user hovers over the heading inside the card. I want the shadow to smoothly transition from a subtle shadow to a more pronounced one on hover. However, I'm not sure how to achieve this effect with CSS animations. Can someone provide guidance or code examples on how to create this hover effect using CSS?

    1 comment

  • mobile first solution using HTML5 and CSS properties

    #pure-css
    Aiswariya S•40
    Submitted 10 months ago

    I used pure CSS for styling this project, but I'm curious about the benefits of using CSS frameworks like Bootstrap or Tailwind CSS. How could incorporating a framework have improved the development process or the final design? Are there specific scenarios where one framework would be more advantageous than another for a project like this?

    1 comment

Latest comments

  • Roman•20
    @whznotSubmitted 11 months ago
    What specific areas of your project would you like help with?
    • I'm not sure if my form is centered correctly.
    • form content design (indents between objects, in particular) and the mobile version look messy.
    • I think the hover on the header is not implemented correctly ( besides I think the link tag doesn't suit there).

    Blog Preview Card | Pure HTML, CSS

    #pure-css
    1
    Aiswariya S•40
    @Aiswariya3aPosted 10 months ago

    I couldn't find the webpage in preview, My answer is solely based on the code given

    • The webpage lacks the use of semantic HTML, opting instead for div tags with suitable class names.
    • Accessibility is somewhat addressed but could be enhanced further.
    • The design shows some responsiveness due to the implementation of viewport settings.
    • The code structure is commendable, with a separate CSS file for styling.
    • Overall, the design is replicated accurately, although there are minor inconsistencies in padding sizes between elements.
    0
  • RozangelaPeixoto•30
    @RozangelaPeixotoSubmitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of my solution because Its very similar to what the design wanted and it didn't break on my responsive tests.

    What challenges did you encounter, and how did you overcome them?
    • Responsibility is a recurring theme that always bothers me, although the project is simple, it taught me a few things about this subject.
    • Figma desktop is a big mystery to me, I always worked in the web version and did pretty good, but this time I felt lost especially about the typography.
    What specific areas of your project would you like help with?

    Visually my project is good, but if I can improve my code please let me know. I would like to thank everyone in advance for taking the time to review and write a feedback.

    QR code component

    #pure-css
    2
    Aiswariya S•40
    @Aiswariya3aPosted 10 months ago

    Feedback

    • Yes, The solution include semantic HTML.
    • Could have added a shadow effect to make it more similar to the original design. Other than that, everything seems good.
    • I couldn't see any break in the webpage while checking for other screen sizes.
    • Yes, the code is clear with a separate styling file.
    • No, the solution seems very similar to the design.

    Improvements

    • Consider adding a shadow effect to match the original design more closely.
    • Use ARIA roles where necessary to improve accessibility further.
    Marked as helpful
    0