Frontend Mentor | Veena K Venugopal's profile

Adry•560

@adriiiiiix

Submitted over 1 year ago

Four card feature section

#accessibility#airtable#angular#animation#astro

@Veena-K-Venugopal

Posted 8 months ago

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

@Leeh27

Submitted 10 months ago

@Veena-K-Venugopal

Posted 10 months ago

Great job on the portfolio page!

Marked as helpful

@klperera

Submitted 10 months ago

@Veena-K-Venugopal

Posted 10 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 10 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.