📜 ⬆️ ⬇️

Entertaining layout

Recently, a colleague from the neighboring department asked me to help him with the layout of one block. He wanted to understand the basics of semantic layout and make this block neat and beautiful. However, the block turned out to be far from easy to typeset - it combined rounded corners and gradient boarders. I sent a colleague to impose spreadsheets, and I propose to arrange master classes, who can offer the most optimal solution to this problem.
Under the cut a screenshot of the problem and links to .psd and my solution
Task screenshot
My solution contains 10 containers and 6 exclusion rules for IE 6 (it’s not very optimal)
UPD: I describe the terms of reference:

Results


So it seems the ideas have run out, and you can now announce the results.
As I said, my option turned out to be not at all optimal, moreover, it requires the completion of expression for IE 6.
The fact that worthy solutions were presented was, after all, pleased:

Thank you for the master classes, I will try to add karma to you, if my balance is enough for this =)

')

Source: https://habr.com/ru/post/21024/


All Articles