COLUMN RESPONSIVE CSS

Discussion in 'HTML & Website Design' started by Web_Dev_Chris, Dec 24, 2016.

  1. #1
    So I am trying to explore the use of columns to add flexibility and responsiveness to a website I am fiddling around with and this is what I have come up with so far.

    http://ditfort.com/onlineprofile/

    Do you think columnns are a good idea in CSS as described here:
    http://www.w3schools.com/css/css_rwd_intro.asp

    Have I implemented it correctly or am I doing it wrong and how could I improve and notice how the elements don't line up properly in the columns, in the header.

    Also, I have to add a negative margin -150px; to position the picture above the column, notice how the overflow sticks out of the bottom, to fix I needed to add a negative top margin. Is there a better / proper alternative to this?


    Regards,
    Chris
     
    Web_Dev_Chris, Dec 24, 2016 IP