Broadcast Blitz: Week 2

The past few days, I went back to working on my long-term project creating an application that provides users with broadcast information for their favorite college football team. My focus this week was on styling, as I still wasn’t happy with even the basic layout I’d started on.

I focused my work on two areas: improving the results table and improving the search function’s layout. The table previously did not have borders, and I felt it looked messy. To fix this I added them (a solid 1px black one, to be specific), but it still did not look quite right. I noticed that it doubled up on each border, instead of creating one single line in between each like I wanted. After some research, I realized I could fix this problem by adding border-collapse: collapse; to the css — this “collapses” the two into one. I also added some additional padding to make everything look clean. I also wanted a cleaner layout for the home page. I changed my search bar to have placeholder text as well as the messaging on the label. Additionally, I decided to add a randomizer function so that a user could have the application pick a team for them.