Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7
Veena K Venugopal
@Veena-K-Venugopal

All comments

  • Adry•560
    @adriiiiiix
    Submitted over 1 year ago

    Four card feature section

    #accessibility#airtable#angular#animation#astro
    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 9 months ago

    The design looks good on varying screen ranges. Good job!

  • Leeh27•80
    @Leeh27
    Submitted 11 months ago

    meu portfólio de dev

    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 11 months ago

    Great job on the portfolio page!

    Marked as helpful
  • klperera•70
    @klperera
    Submitted 11 months ago

    Product preview card

    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 11 months ago

    I couldn't see a desktop layout on the live site. Good job on the mobile layout. Keep it up!

  • zxc-w•120
    @zxc-w
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    I learned a lot from this challenge.

    Had different issues in CSS:

    • Adjusting the space between the list items and its markers.

      • This requires using the list styling list-style-type:none and using ::before pseudo selector to make the markers myself so I can manage them as I want and adjust the spacing as needed.
    • In the mobile design, the image is full width which I didn't notice at first and my styling needed some refactoring to make it work in both desktop and mobile views.

    • A weird behaviour of the body element's height isn't enough for the content inside it which causes overflow and layout issues although its height property was set to 100%. Changing the height to auto resolved this issue.

      • This causes no margin or any space around the body content which makes the content stick to the edges but I needed the content to breath a little. So, I used margin with a percentage value to the main element which is much better now.

    Overall, I'm happy with the result.

    Hope you are too!

    Edit: changed height: auto to min-height: 100vh on body element.

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

    If you have any suggestions or fixes, I would appreciate it.

    Recipe Page Challenge

    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 11 months ago

    Good job on the solution! I also found setting height to auto helpful in correcting the vertical layout.

  • Thibault•110
    @Thibs13
    Submitted 11 months ago

    Social Link

    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 11 months ago

    The preview looks great. Good job!

  • anusb412•50
    @anusb412
    Submitted 11 months ago

    Blog preview card

    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 11 months ago

    The preview is similar to the design. The inclusion of semantic HTML is also nice.

  • Francisco Lima•40
    @franciscolima-pro
    Submitted 11 months ago

    responsive landing page using @media

    1
    Veena K Venugopal•90
    @Veena-K-Venugopal
    Posted 11 months ago

    The CSS code is well-structured and properly commented. It is greatly helpful in communicating the code and workflow with others. The width of the white rectangle is different than the design. I would have edited some starter code documents to make the solution more personalized. Congrats on finishing the challenge successfully!

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub