How can I fix this width problem? My width container doesn't fit at all when trying to set the width size. Sreen size: 800 x 1280 Url Link : http://raineer24.github.io/jewel/ Thank you!
I guess it's fixed now. And now this one: My banner-info. Its margin top overlaps from .Logo. Is it just okay? Screen resolution: 640 x480 Url Link : http://raineer24.github.io/jewel/
Any opinions, suggestions or violent reactions? I'm done with the front web page. http://raineer24.github.io/jewel/
The light grey text on white is illegible, the goofy artsy thin-glyph webfont making that even more pronounced (though it probably looks better on a quackintosh; there's a reason you should NOT use webfonts on flow content!)-- to the point you'd need AAA level contrasts to have anything legible. There doesn't seem to be any consistency in the use of font sizes and the absurdly under-sized pixel metrics really aren't helping matters. *sniff*sniff* you smell that? The broken attempt at a responsive layout is no winner either, nor are the equal width equal height layout elements what I would call viable design concepts; no matter how many arsty-fartsy PSD jockeys cream their panties over such things. Many of your padding/margin choices seem more random than designed by intent offering no real consistency of "content flow"... and seriously, if you think anyone can even see that there's text in your footer, you are deluding yourself. Popping the bonnet you clearly don't understand what keyWORDS means, and hey look. I knew I smelled something foul; bootcrap. Do yourself a favor and go find a stick to scrape that off with before you track it all over the Internet's carpets! From there you have no media targets on your LINK, HTML 4 charset declaration in a 5 document, jQuery for *** knows what since I'm not even seeing anything yet that should need scripting, the pointless HTML 5 "structural" tags just adding to the already absurd number of div and classes for NOTHING, lack of images off fallbacks for your css sprites, gibberish nesting orders on tags, scripttardery to do CSS' job (though that can mostly be blamed on the bootcrap), outright nonsensical use of numbered headings showing a complete ignorance of what numbered headings MEAN (and they do NOT mean "text of different sizes"), multiple H1 without HTML 5 structure, even more pointless classes for nothing above and beyond the bootcrap garbage, clearing DIV like it's still 1998, static scripting in the markup, comment placements that could trip rendering bugs in some older browsers, no alt text on the content images (assuming those are actually content, I'm not sold on that), sandbag italic tags doing CSS' job, lists around non-list elements, div around perfectly good block-level containers when you aren't doing anythign that couldn't be done to the semantic tags themselves... You've even got the classic "well, it's Copyright Copyright, see?" -- use the symbol or the word, not both. Hence why it's hardly a surprise you've got 16.8k of markup for 6k of plaintext and only ONE image that even looks at this point like it should be content and therein go in a IMG tag... that means I'd ballpark 4 to 8k of your HTML belongs on the cutting room floor. ... and that's before we look at the big picture where you've got 775k in 28 files before you even have actual functionality, social media plugins, or so forth installed... on a page that from a content perspective likely has no excuse to be more than a third that in filesizes and probably around half the file count. I'd go into more detail, but instead here's some suggested reading: http://www.cutcodedown.com/article/whats_wrong_with_YOUR_website_index http://www.cutcodedown.com/article/whats_wrong_with_HTML_5 http://www.cutcodedown.com/article/HTML_CSS_and_JS_frameworks http://www.cutcodedown.com/article/progressive_enhancement Pretty much you have significant portions of all four parts of that first link present on that page. Sorry if that seems a bit harsh, but as Daria would say "You mean the harsh light of reality?"