search

carolc / carolc.github.io

Portfolio Site
0 stars 0 forks source link

week 2 assignment #2

Open carolc opened 9 years ago

carolc commented 9 years ago

Hi! I restructured my code to be in div classes instead of just html blocks. All styling has been transferred to new stylesheet styles.css. The layout is generally the same but the code is much more efficient. I didn't use the suggested layout - my site will have a header, nav bar under the header, and then portfolio content in gallery grid below. I am unsure how to create a responsive nav bar that is automatically changes for each page (with current page highlighted and unlinked) so it is all hardcoded right now.

This took me about 1 hour. Thanks! @diyahm @keenahn @lijiezhou

LijieZhou commented 9 years ago

Hi @carolc Nice page! For the responsive nav bar, there are two approaches you could consider: first, use bootstrap and let the library handle it for you.Check this site below. They have a lot of templates that are also easy to implement. http://www.bootply.com/

The other strategy would be to use media query to make your nav bar "responsive". Take a look at this article and see which is a better solution for you. http://trydesignlab.com/learn-responsive-web-design/media-queries-best-practices/

Lijie

DiyahM commented 9 years ago

+1 to everything @LijieZhou said.

The bootstrap documentation can be found at http://getbootstrap.com/

In addition, use formspree.io to make your contact form functional. You'll have to change the post action url on your form.