28 lines
1.9 KiB
Plaintext
28 lines
1.9 KiB
Plaintext
You’re going to build a company homepage for a real or imagined company. You’ll get to decide exactly what content to include for this company, but you should at least include:
|
||
|
||
A title and logo or splash image.
|
||
A mission statement or brief description of the company.
|
||
A list or set of images and titles representing the product or products of the company.
|
||
A section describing some of the company’s employees or teammates.
|
||
|
||
If you want, you can tour our example site (https://content.codecademy.com/PRO/independent-practice-projects/flexbox-business-site/example-site/index.html) for inspiration or to see how we used flexbox. Your site will probably look very different from ours, and that’s great!
|
||
|
||
Your project should use flexbox styling for layout. Aim to use flexbox’s advantages, such as easy horizontal and vertical positioning, flexible element flows as the page size changes, and great styling for repeated elements.
|
||
|
||
In our example project, we used flexbox to:
|
||
|
||
Create a centered navbar at the top of the page.
|
||
Create a flexible display of company products that changes from a more grid-like list to a column list as the page shrinks.
|
||
Create a flexible display of company employees.
|
||
|
||
Our example site is not an elaborate use of flexbox–we’re sure you can come up with other uses of flexbox in your layout, such as taking advantage of flex-grow or flex-shrink.
|
||
|
||
Your page should also use custom styles for other properties, such as colors, fonts, and other layout properties such as borders and padding.
|
||
|
||
Our example site uses:
|
||
|
||
A simple color scheme using CSS named colors, but yours can be more elaborate with hexadecimal, RGB, or HSL colors.
|
||
Fonts from the Google Fonts API.
|
||
Custom images. A great source for project images when you’re practicing web design is Unsplash.
|
||
|
||
Get creative! Customizing your site’s look and feel is one of the most exciting parts of building your own websites. |