Skip to content
OverviewSolutions
4
Comments
4

HARSHIKA BANSAL

@harshikab2112NOIDA80 points

Hey there!!! I am seeking for a full-time position that offers professional challenges utilizing my interpersonal skills, excellent time management and problem.

Latest solutions

  • Product Preview Card Component

    HARSHIKA BANSAL•80
    Submitted 22 days ago

    I’d like feedback on improving accessibility, organizing CSS more effectively, and any tips to make hover/focus interactions more polished.

    2 comments

  • Social Links Profile

    HARSHIKA BANSAL•80
    Submitted about 2 months ago

    I’d appreciate feedback on improving the spacing and alignment across different screen sizes, especially on very small mobile devices. Also, suggestions for making the social buttons more accessible and interactive would be helpful.

    2 comments

  • Blog Preview Card

    HARSHIKA BANSAL•80
    Submitted about 2 months ago

    I'd love feedback on how to improve the structure and efficiency of my CSS. Specifically:

    • Are there better ways to handle responsiveness without writing extra media queries that affect card layout?

    • Could I have structured my CSS classes or variables in a more reusable or scalable way?

    • Are there best practices I missed when implementing hover and focus states for accessibility?

    Also, if there are more modern layout techniques (e.g., using clamp() for font sizing or container queries), I’d appreciate pointers on how to apply those to small projects like this.

    2 comments

  • Responsive QR Code Component

    HARSHIKA BANSAL•80
    Submitted 2 months ago

    I'm always looking to improve! Here are a few specific areas where I'd love some feedback:

    -Responsiveness:

    Does the layout behave well on all screen sizes, especially very small mobile devices? Are there better layout techniques I could have used?

    -Typography & Spacing Judgment:

    Since I didn’t use Figma/Sketch files, I had to eyeball spacing, font sizes, and line heights from a JPG. Are my visual approximations close to best practices?

    -Code Structure & Readability:

    Is my HTML and CSS organized clearly? Could I improve class naming, reduce repetition, or make it more scalable?

    -Accessibility:

    Are there simple accessibility improvements I missed (like better alt text, contrast, or keyboard navigation concerns)?

    -Performance:

    Are there any unnecessary styles or layout techniques that could be optimized for better rendering?

    1 comment

Latest comments

  • Star•80
    @Star-Mdakane
    What are you most proud of, and what would you do differently next time?

    As Kevin stated, mobile first on responsive design is not fun.

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

    I initially used img on html and had to change it when I was busy with the desktop view. The width properties of min, max and clamp are to be looked at, especially clamp where I was using trial and error method.

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

    Clamp. Responsiveness. I can apply the properties and make it look pretty but I need to understand the functionality. Differentiate between image and background image and their properties. My errors are still on the code just commented out if anyone wants to have a look.

    Product Preview Card Component Solution

    2
    HARSHIKA BANSAL•80
    @harshikab2112

    Great job! The layout is clean.

    Marked as helpful
  • HARSHIKA BANSAL•80
    @harshikab2112

    Awesome work! 🎉 Your layout is clean, responsive, and closely matches the original design. The hover effects look great too! Just a small note — the active state (when a button is clicked) is missing the background color change. Adding that would make the interactions feel even more complete. Keep it up! 💪

    Marked as helpful
  • Tsering Gyatso•20
    @tgyatso413
    What are you most proud of, and what would you do differently next time?

    This is definitely not finished. I still need to figure out how to align the image in the center and align the card overall to the center of the screen.

    Blog Preview

    1
    HARSHIKA BANSAL•80
    @harshikab2112

    Hey! You're off to a good start 👏

    I noticed your card isn't centered yet. You can fix that by adding this to your CSS:

    body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

    This will center the card both vertically and horizontally. You're almost there — keep going! 🚀

  • HARSHIKA BANSAL•80
    @harshikab2112

    Hi, I liked the clean and minimal layout of your QR Code component. The design is visually appealing and keeps the focus on the QR code itself, which is great for usability.