Submit and Reset Buttons are not aligned in Smaller Screens

Submit and Reset Buttons are not aligned in Smaller Screens
0
#1

Hello,

I’m using btn buttons for submitting and resetting a form. All works well except for smaller screens.

In smaller screens the submit/send button appears a bit lower than the adjacently placed reset button. Please refer to the image attached below.

Can you please highlight the problem in my code?

Thank you.
AB

Codepen URL: http://codepen.io/abbor123/pen/EgjLdR

0 Likes
#2

It comes from the settings in http://yui.yahooapis.com/pure/0.6.0/pure-min.css.

Just get rid of that css file in your css settings.

0 Likes
#3

Hello,

Thank you for highlighting the source of this error. This helped me in coming up a workaround that allowed me to retain pure forms as well as resolve the non-aligned buttons.

To beginners like me who may stumble upon such issue in future: I apparently used a div element encompassing the form elements (except submit and reset buttons) with the pure class in it and removed the pure class from the form tag.

Thanks
AB

0 Likes