Link: http://imanas.shanghai.nyu.edu/~yh2330/week02/my_portfolio.html
Screenshot:
I first wrote the basic size and position of the navigation box and the content box. I kept the navigation box in a fixed position and the flex-direction: column. And I set the content box in the row direction. At first, I found some problems when setting the padding and the margin. I tried several times in the example code we wrote in the class and finally got it correct. Then I decided to add more color and style to the portfolio page to practice all the tools we learned in the class, the Adobe website and the font website.
One problem I had was I couldn’t make the footer in the center of the bottom. I tried text-align and set the left margin. But at last, I found I had to add the width because the width property sets the width of an element, which does not include padding, borders, or margins.