Skip to content
OverviewSolutions
3
Comments
4

venbab

@venbabBangalore50 points

Working professional in Android App Development Currently i am just trying to learn to develop web app .

Latest solutions

Latest comments

  • venbab•50
    @venbabPosted about 1 month ago

    You might consider wrapping the main content inside a <main> tag instead of just relying on <body>. This improves semantic structure and helps with accessibility.

    0
  • Md Sabi Amaan•10
    @amaansabiSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully building a responsive QR code component using only HTML and CSS. This was my first challenge on Frontend Mentor, and I learned how to use Flexbox, margin, and padding effectively to align elements properly.

    Next time, I would focus more on improving the design by experimenting with shadows, colors, and spacing to make the card look more polished. I would also like to use CSS Grid and try adding some simple animations for a better user experience.

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

    Not too much challenges faced but i was stuck in text-align. So i asked it in our discord community and there i find solution of my challenge.

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

    I would like feedback on the design and responsiveness of my project. Specifically:

    Visual Styling – Are there any improvements I can make to enhance the overall look and feel of the card?

    Responsiveness – Does the layout work well on all screen sizes, or are there any issues I should fix?

    Code Optimization – Are there any unnecessary styles or better ways to structure my CSS?

    Responsive QR Code Component

    2
    venbab•50
    @venbabPosted about 1 month ago

    Styles.css file can create separately and add your styles code in that file ,always modular programming do.

    Marked as helpful
    0
  • venbab•50
    @venbabPosted about 1 month ago

    Let me try this challenge :)

    1
  • Asia Ashraf•820
    @asia272Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of successfully implementing a fully responsive layout using CSS Grid. Initially, I faced alignment issues, but by using grid-template-areas, I achieved a well-structured and visually appealing design.

    Next time, I would focus on better planning before writing code. I would sketch a wireframe or design layout to minimize structural issues. Additionally, I would explore advanced CSS Grid techniques to enhance responsiveness and improve code efficiency.

    What challenges did you encounter, and how did you overcome them?
    • Alignment Issues: Elements were not properly positioned.
      • Solution: Used grid-template-areas to define explicit placement.
    • Spacing & Gaps: Some elements had inconsistent spacing.
      • Solution: Utilized gap property for uniform spacing.
    What specific areas of your project would you like help with?

    Any suggestions for best practices would be appreciated!

    CSS Grid Layout Project

    #pure-css
    4
    venbab•50
    @venbabPosted about 1 month ago

    I have to tryout this challenge , just started flex and grid .soon will try out

    0