Domino block

in #steempress5 years ago


A quite a popular block in web development is what I like to call the domino. It consists of two boxes seamlessly sitting side by side which usually both share the same height and width, hence the creative name of domino. For this example I've used flexbox. Also, notice how simple it is to make this type of block responsive. Simply set the flex basis to '1 0 100%' and it'll automatically fill the full width of it's parent container.


Example

Sort:  

Source
You have posted an image in an curated and/or artistic tag (photography, art, etc.) without attribution or source, and/or you have stated to be the author of the image. By doing so you are claiming to be the content creator. The image you posted is the primary source of value for your post.

Plagiarism is the copying & pasting of others work without giving credit to the original author or artist.

Repeated plagiarism or tag abuse is considered spam. Spam is discouraged by the community and may result in action from the cheetah bot.

More information on Image Plagiarism
More information on artistic tags

If you believe this comment is in error, please contact us in #disputes on Discord

Hello, I can assure you this isn't plagiarism, it was sourced from unsplash, an open source image library. Credit is given on my website :)

Congratulations @baillieogrady! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You published a post every day of the week

You can view your badges on your Steem Board and compare to others on the Steem Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Vote for @Steemitboard as a witness to get one more award and increased upvotes!