Responsive design ensures that web applications render well on a variety of devices and window or screen sizes. As a developer, you will likely be asked to create a mobile-first application or add responsive design to an existing application.
Using Bootstrap CSS Framework to create a mobile responsive portfolio.
-
Create the following files:
index.html
,portfolio.html
andcontact.html
. -
Also, create an CSS file to add some colors and better layouts so that the portfolio does not look boring.
-
Used Bootstrap, develop a portfolio site with the following items:
-
A navbar
-
A responsive layout
-
Responsive images
-
Added card in the contact.html
-
Added a footer to match the navbar
-
-
The Bootstrap portfolio should minimize the use of media queries.
- When making the portfolio smaller the media screen would change to a brighter color.
https://victortran415.github.io/creating_responsive_portfolio/ https://github.com/Victortran415/creating_responsive_portfolio #1 (comment)