search

danilosilvadev / howtomakeaportfolio

If you are new at development and don't know what to do to demonstrate your skills this repo is to you :D
MIT License
37 stars 4 forks source link

Make a mobile first sample to responsivity topic #6

Closed danilosilvadev closed 6 years ago

danilosilvadev commented 6 years ago

Things to use:

  1. 'em' instead of 'px' for texts and boxes with texts inside.
  2. to choose images for diferent sizes with @media queries, and srcset. 3. @media in the css for changing some styles. 4. A percentage that makes clear is about the parent div and not the page. 5. svg image. 6. A display float, absolute and fixed to show their differences with comments above them. 7. viewport with scale:1 and explainned in coments the reason.

This Project will have 4 columns in my laptop screen and 2 in ipad and 1 in mobile. It has to be mobile first and need to have contents inside it. Also te contents will have to be responsive inside those columns.

danilosilvadev commented 6 years ago

Txt and paragraph in em. Inline-block, max and min width, margin 0 auto

danilosilvadev commented 6 years ago

1 put the open button on the same line of logo and when clicked should be above the elements. 2 study position use position and z-index to do the menu mobile