retozon / teacozy Goto Github PK
View Code? Open in Web Editor NEWTeaCozyWebsite
TeaCozyWebsite
Great decisions on the classes and ids name. It makes it very clear what its purpose is and makes grouping your sections very effective. These organizational skills come in handy as you expand your code since you can modify entire sections at once. You also chose very clear and concise names for them. It pays off to spend time thinking of good names for classes, ids, and variables.
https://github.com/retozon/teacozy/blob/master/index.html#L38
Summary Grade: Satisfactory
Good job with your code! I really liked the way you clearly organized your html code with whitespace and indentations. It makes your code really easy to navigate and read. Also, I really like the way you used classes and ids to group your sections together. As your code grows in size, this will help organize and manage your website. Excellent start to the Ready program!
I included a few notes in both the html and css files for you to think more critically about. You can find these comments in the issues tab of your github. The most critical things to consider are directory organization and correct syntax. As your code and website increases in size and complexity, you'll have a lot more files. It'll be easier for you and others who would want to review or contribute to your code if you kept a clean directory. Otherwise, great job!
Don't forget to put a favicon! This is the small icon on your browser tab. You can add <link rel="icon" href="http://example.com/favicon.png">
to you <head>
element. Itβs a small detail but helps your website look more complete!
https://github.com/retozon/teacozy/blob/master/index.html#L3-L6
I was having issues trying to get the tea pictures to center with space-between
Make sure to organize your directory. Have a resources folder and in it have two more folder. One for css and one for images.
You are missing some closing brackets here. Check the syntax highlighting for where to look for incorrect syntax.
https://github.com/retozon/teacozy/blob/master/index.html#L39
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.