• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Coding TBH Site

February 6, 2018 By Nick Lavigne

Coding TBH Site

Over the past few weeks I’ve been coding the new TBH site. I’m starting with the homepage which I modeled in the previous posts. Stacy advised to use CSS grids and gave me this site, which I found extremely helpful: https://gridbyexample.com/examples/ .TTo achieve the grid layout I basically followed the tutorial and implemented my own version. Currently each grid box contains an image of the thumbnail I want but that leads to scaling problems with the text and images being fuzzy so I think I’m going to redo it and make it dynamic.

Heres a code snippet of the html I’m using:

Also here’s the current working prototype:

Filed Under: 2017-2018, We are STAs

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits