manuel12 / fluent-css Goto Github PK

Create a web page using the FluentCSS.

It could be either a landing page, a blog page, an e-commerce catalogue, social media page, etc.

It should be create on an index.html and should use the classes provided by FluentCSS and minimal or no extra CSS.

You can check the example e-commerce shop for an idea:

Make sure to create a new folder for the web page on the examples folder and name it something meaningful.

A px rule is a padding rule that only affects left and right padding(horizontals hence the x) and is written like so:

.px {
  padding-left: auto.
  padding-right auto.
} 

A py rule is a padding rule that only affects top and bottom padding(verticals hence the y) and is written like so:

.py {
  padding-top: auto.
  padding-bottom auto.
}

We might need to create several gulpfiles to handle the different tasks that are needed for creating the builds and watching, updating and serving builds

Create a web page using the FluentCSS.

It could be either a landing page, a blog page, an e-commerce catalogue, social media page, etc.

It should be create on an index.html and should use the classes provided by FluentCSS and minimal or no extra CSS.

You can check the example e-commerce shop for an idea:

Make sure to create a new folder for the web page on the examples folder and name it something meaningful.

Create a web page using the FluentCSS.

It could be either a landing page, a blog page, an e-commerce catalogue, social media page, etc.

It should be create on an index.html and should use the classes provided by FluentCSS and minimal or no extra CSS.

You can check the example e-commerce shop for an idea:

Make sure to create a new folder for the web page on the examples folder and name it something meaningful.

We need separate tasks and scripts to:

• Run server
• Minify HTML
• Minify CSS
• Compress images

Make sure the link link shows the different UI examples and also can show or can redirect to the e-commerce shop example.