CSS Basic Assignments

Assignment-02

Navigation bar-Automatically Resized

This is second Assignment which based on HTML elements and CSS.This is for practice CSS positions like Absolute, relative, and Box model. According to the assignment the side navigation bar height should be automatically re-sized according to the content height. You can practise this scenario by using this assignment.

Assignment-03

CSS Fixed Layout

This is third Assignment which based on HTML elements and CSS.This is for better practice CSS fixed position. Andalso in here we use absolute and relative positions. The gray and red two main borders freeze on the center of the viewport and other content flow down inside the border. You can get the source code through the my github and can see how i implement and improved the knowledge about Fixed position. You can also practise this scenario like me.

Assignment-04

CSS Sticky Position

This is fourth Assignment which based on HTML elements and CSS.This is for practice CSS positions like Absolute, relative, and Box model. According to the assignment the side navigation bar height should be automatically re-sized according to the content height. You can practise this scenario by using this assignment.

Assignment-05

CSS Grid Layout

This is fifth Assignment which based on HTML elements and CSS.This is for better practice CSS fixed position. Andalso in here we use absolute and relative positions. The gray and red two main borders freeze on the center of the viewport and other content flow down inside the border. You can get the source code through the my github and can see how i implement and improved the knowledge about Fixed position. You can also practise this scenario like me.

Assignment-06

CSS Grid Layout-Column Row Merge

This is sixth Assignment which based on HTML elements and CSS.This is for practice CSS positions like Absolute, relative, and Box model. According to the assignment the side navigation bar height should be automatically re-sized according to the content height. You can practise this scenario by using this assignment.