Final project for Codecademy 'intensive website design' course.
Static page used to practise HTML & CSS. Built to a provided spec but using my own design decisions.
Final project for Codecademy 'intensive web design' course
Your media queries kick in at appropriate breakpoints, and responsive units are used throughout - nice work! Good job including the responsive meta tag to the <head>
of your HTML so that I could test your media queries and mobile layout through DevTools.
The layouts of your project closely resemble the design specification, but there are a few discrepancies:
Header:
In the desktop, the icon should be 24px (1.5rem) from the left side:
Your project has 24px of padding applied, but the margin: auto
adds another 74.5px of margin, displacing the icon on the left side and the navigation links on the right:
Keep Practicing:
In this section, the top image of the right column should be even with the top of the main image:
Footer:
Like the header, the margin: auto
has applied 74.5px of margin and affected the positioning of the copyright and links:
In your mobile layout, the Learn Something <h1>
should be 32px (2rem) from the bottom of the main image:
Your <h1>
is 1rem from the bottom of the image:
In the Start Learning section, the courses should be slightly above center in their containers:
In your project, the courses are centered with 16px of padding:
There are other, smaller differences between your project and the design specification as well.
HTML structure reflects the grouping and flow of content in the web browser.
Responsive units are consistently used, but not always.
Your project Exceeds Expectations - way to go! Just a few tweaks to the layouts in your project and you'll match the design specifications perfectly. For extra practice, use the skills you've learned throughout the course to build a personal site to serve as a portfolio to showcase your abilities. Keep up the excellent work, and happy coding!
Your HTML enables the proper use of media queries, and your structure reflects the grouping and flow of content in the browser. Good job!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.