I learned this one on youtube. Basically, it is the nested list. I make the first list to be inline so it looks like a menu bar. I hide the second list and make it display in block. Whenever I hover the second list will appear.
Link to youtube video Youtube Video
It depends on different devices to give the right resolution on them.
I based on lab05 and youtube video to know how to do responsiveness.
Link to youtube video: Youtube Video
I learned this one on W3C school. Basically, I just add an image and make it fixed and then I add words on it.
Link: W3C Schools