HiveBrain v1.2.0
Get Started
← Back to all entries
patternhtmlMinor

Web design studio site

Submitted by: @import:stackexchange-codereview··
0
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













  • 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 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.