+2 votes
by
People criticize pliz layout:
dzn.16mb.com/fudi

My first responsive layout (so far manually, without bootstrap).
On JS view, PLC, where his little.

The layout to it here you can take:
https://yadi.sk/d/5IwJMyZqht5jt

PS. It would be nice if more HTML/CSS/JS code criticized ))
zzy. Fixed comments.
by
When the width is less than 420 pixels appears horizontal scroll. That is on most phones with a small screen (like iPhone 4), this is the horizontal scroll.
by
Cyril Kublyakov yeah, I overlooked to small devices )) thank you

7 Answers

0 votes
by
 
Best answer
Use objeto-oriented approach when writing HTML/CSS, name classes is clear (look at SMACSS & BEM, wander through github, learn how to write modern frameworks). Get rid of excess packets for which no write styles.

<a name="fudi"></a>

It is not necessary, it is sufficient to add the idc filename for the container.
+2 votes
by
"while manually bootstrap" — what makes you think that adaptive coding, and coding in General, is necessary with Bootstrap? It is completely unnecessary CSS framework, which for some reason all shoved everywhere.
by
What to do, the customer wants "bootstrap", that adapt developed) And Yes, if the arm is a little Packed, he nafig not surrendered.
+1 vote
by
1. Logo when narrowing the screen does not deviate from the boundaries and looks not as in the full version.
2. It is desirable to make animation of the top menu (when you hover).
3. When you hover over "GET STARTED" smoothly switches to white background, but once removed mywi, sharply color becomes the standard. Honestly, it's not krasivo.
4. The size of the image of the first slide, more of my screen. And he is supposed to adapt to any screen size.
5. The lower unit is the last (grey), you have some soul mate too. And the text inside it.
by
Ingush Archakov yeah, thank you )
+2 votes
by
Everywhere the full width and the footer not.
Pictures recipes - make smooth in the care of the cursor and not sharp.
The text after the pictures of the recipes read like this difficult. The 3 columns like above.
by
NKros // The text after the pictures of the recipes difficult to read.// - this refers to the text where the number is "23,567 Recipes Available", etc.? Or are you talking about the text in white on the pictures themselves ?
I tried to do as close as possible to the model, but probably obvious shortcomings of the designer can be amended)
+1 vote
by
Also note that on iPhone 4 the site is not adapted joxi.ru/MAj7XWpHpOe1re and not be construed. On most mobile devices it appears the horizontal scrolling.
by
Alex yeah, thanks, overlooked for small devices ))
+1 vote
by
Great you did it.
Here I noticed that the text runs into arrow: take.ms/W0T40
by
HaruAtari yeah, thank you )
+1 vote
by
1. Menu button top right with a small(600-900px wide) extensions, not on top of everything.
2. text-shadow is really bothering to read the text. Either remove it, or to make more vivid the text itself.
3. The merry-go-round reviews, the text goes underneath the controls with a small extension.
4. Not enough hover (for example how to GET REWARDED) on the menu items above.

In General, very well.
by
Nicholas text-shadow did like the layout and with the company he did not seem scared look, and with a mobile phone, Yes, striking. Probably for mobile phones or greatly weaken or shut down altogether. Thank you )
...