Using flexbox, JS: regEx

Community feedback

• 

  Rob Simpson•490

  @pertrai1Posted over 1 year ago

  Good work with the solution. When you say that you are having trouble with the size of the input and button, do you mean that it would be nice to only write code once and not have to duplicate for both? If so, you could take what is used for both of them and combine into one rule, i.e.

  #email,
  #sub {
  padding: 15px 20px;
  }
  

  Then you can remove that from each individual rule. This way, you can change the value once and both will pick it up.

  I hope that is what you meant when you need to find a way to have them the same size.

  Marked as helpful

  0

  ---

  

  Bezies•1,230

  @BeziesPosted over 1 year ago

  @pertrai1 thank you for your comment. that's not really my problem. It's just that with an identical size and an identical padding the two elements are not the same size. I have to "tinker" to do it and in responsive it doesn't work well..

  0

  

  Rob Simpson•490

  @pertrai1Posted over 1 year ago

  @Bezies Try adding this to your CSS and then removing the custom width you gave to the input and the button:

  *, *::before, *::after {
  box-sizing: border-box;
  }
  

  Marked as helpful

  0

  

  Bezies•1,230

  @BeziesPosted over 1 year ago

  @pertrai1 i will try thank you

  0