8000 GitHub - BrianMillie/Challenge1
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

BrianMillie/Challenge1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

01 HTML CSS Git: Code Refactor

Description

This project is designed to deepdive and better understand elements in html and styling in CSS.

This will ensure I am more equipt to move forward with advanced html and CSS techniques.

The Code Refactor was designed to help improve the code for a website.

The requirements were to better structure the code order, replace

items in the html with more descriptive elements and review the CSS file with changes to be made where possible in order to streamline functionality.

I have learnt that CSS has a cascade format meaning that inputs take place from top to bottom of the code, there are many elements that are more suitable to

and that mistakes appear easily made.

Changes I completed were in multiple commits - I wanted to put some CSS in place for multiple changes at once when elements appeared connected but was confused by the point due to cascading making where ever i put this appear meaningless

html

Added Alt Descriptions. Removed unrequired img tag. Changed the title to a more suitable one. Changed a block of code element to nav that contained links to locations on the page. Changed

of the Header to Header only removing the class element. Changed a block of code element to article that were describing th 63C9 e company in detail. Changed the wider block of code
containing the articles to section. Changed the Hero Class
to Main as the main image and focus point. Changed the
of the Footer to Footer only removing the class element. I put back the ID's i removed earlier as i relalised they impacted the navigation.

CSS

Changed the Nav class per the html changes Changed the header and footer class per the html changes

Installation

N/A

Usage

To use this Code Refraction, you can click on a link in the top bar and it will navigate to the lower matching element on the page for reading. Alternativly you can scroll down the page at leasure and review the articles one at a time.

Credits

N/A

License

Please refer to the LICENSE in the repo

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0