Grid based design is a design priciple which lays out objects in a grid based layout with horizontal and vertical lines.
Responsive websites/webapps are great because they allow users all on sized devices to view a site the same intended way.
Semantic structure is the use of tags which are indicitive of common aspects of a site instead of individual class or ID tags, e.g "< header >" instead of class="header"