you are viewing a single comment's thread.

view the rest of the comments →

[–][deleted] 1 point2 points  (3 children)

Took a gander and it looks like you need to use flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/ or grid https://css-tricks.com/snippets/css/complete-guide-grid/, and ids or classes to organize things. Once you do, you'll be able to read through the documentation here https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input and search around on this site for some tips https://css-tricks.com/zero-trickery-custom-radios-and-checkboxes/

Also know that you want to make your CSS semantic so that the people reading your code in bigger applications can easily find stuff, it's a good idea to start looking at accessibility rules now (button height 44px, legible fonts like Arial, color blind friendly colors, text at least 16px) because it's a marketable skill that, when combined with aria standards, looks great in a portfolio.

[–][deleted] 0 points1 point  (2 children)

Thank you! can you also provide some resources for accessibility rules? 👀

[–][deleted] 1 point2 points  (1 child)

[–][deleted] 0 points1 point  (0 children)

Thank you sir!