The anchor tag I have specified in my code is inserted into multiple places when viewed in the browser. 

What causes this problem? And what can I do to solve this?

```
                 <a  href="{{ route('candidate.company.view', $company->id) }}" class="block no-overflow">
                    <div class="row space-inside-sides-sm">
                        <div class="col-lg-12 bg-light shadow-accent space-inside-sm">
                            <div class="row">
                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                    <div class="image">
                                        <img src="{{ asset('storage/' . $company->logo) }}" class="img-circle img-responsive">
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <p class="vacancy-title">{{ $company->title }}</p>
                                    <span>Amsterdam, NL</span>
                                </div>

                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                    <a href="#">
                                        Followers: {{ $company->followers->count() }}
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </a>

```

[![enter image description here](https://i.stack.imgur.com/LBZHp.png)](https://i.stack.imgur.com/LBZHp.png)