patternhtmlMinor
Web design studio site
Viewed 0 times
designsitewebstudio
Problem
After 4+ months since I started learning web design I created my very first website. It's far from perfect but I learned a lot since then. I would appreciate it if someone would be so kind to review my work and suggest fixes to make it more functional and run more smoothly.
Please, don't pay attention to background photos as I use them just to be able to test how everything works. Rather, pay attention on how the text, images and other elements behave on different screen sizes.
I tried to add some media queries too, but I'm not satisfied how everything behaves when I shrink my screen (especially the navbar).
jsFiddle
HTML:
`
My Web Design Studio
Who I Am
Hello! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
What I Do
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas
Please, don't pay attention to background photos as I use them just to be able to test how everything works. Rather, pay attention on how the text, images and other elements behave on different screen sizes.
I tried to add some media queries too, but I'm not satisfied how everything behaves when I shrink my screen (especially the navbar).
jsFiddle
HTML:
`
My Web Design Studio
- Home
- About
- Services
- Portfolio
- Contact
Who I Am
Hello! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
What I Do
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas
Solution
Regarding your HTML:
You could/should add a
Your logo image misses an
You could use
The
You could/should add a
meta element (as the first element in the head) specifying the character encoding of the document. If it’s UTF-8, it could look like:Your logo image misses an
alt attribute.You could use
nav as container for the navigation ul in the header.The
img markup (your skills) should be ` instead of . + alt attribute.
You have three link elements at the end of your body. This is not allowed (they need to be in the head`, if they are not used for e.g. Microdata).Code Snippets
<meta charset="utf-8" />Context
StackExchange Code Review Q#29373, answer score: 4
Revisions (0)
No revisions yet.