forum Posted March 30 Share Posted March 30 https://codepen.io/codepcod/pen/yLrzwRR in .footer__item-input the bottom line goes 60px to the right and I want to make sure the input text doesn't reach the arrow Quote Link to comment Share on other sites More sharing options...
requinix Posted March 31 Share Posted March 31 You're throwing a lot of CSS at this problem. If you have a problem, adding more CSS rarely ever makes things any better. Rethink how your different blocks of content are arranged. If you want the border to span the width of the input as well as the button, don't put the border on the container. If you want the button to sit next to the input, don't use absolute positioning. If you want a gap between the input and the button, don't add padding to the inside of the input. Learn about margins vs. padding, about inline-block, and if you want bonus points, about flexbox. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.