when clicking Meet pet link it leads to Cards but navbar covering top of first cards

**Describe the bug**
A clear and concise description of what the bug is.

**To Reproduce**
Steps to reproduce the behavior:
1. Go to main-page
2. Click on meet pet
3. notice the pet card are covered from top by navbar

**Expected behavior**
it wont cover and have some margin

**Screenshots**

**Desktop (please complete the following information):**
- OS: [e.g. windows 10]
- Browser [e.g. chrome]
- Version [e.g. 22]

**Additional context**
Please allow me to work on this issue to contribute