Allan Allan - 1 month ago 6
CSS Question

Links don't work on mobile mode

My following app has a list of winners. It all works great on the desktop, but as soon as I resize to the mobile size, The winners don't seem to be clickable anymore.

https://religious-freedom.herokuapp.com/

I think some part of the css is not working very well.
I was my first big app, so all the codes are a little messy.

Can someone give me an insight on what is causing it?
Thanks

Answer

Your link elements are being covered by other div elements. I added the clearfix class to the following div and it "uncovered" your links.

<div class="silver col-lg-4 col-md-4 clearfix"...

See http://getbootstrap.com/css/#helper-classes-clearfix for more about clearfix class. It is common to add

It is very helpful to use the browser devtools to examine your page. As you mouse over elements in the devtools window pane it will show where your divs are positioned and if they may be unintentionally overlapping with other content.

Comments