Create 06-2018.md

src/06-2018.md

@@ -0,0 +1,75 @@
+# CSS Top 10 Articles for the Past Month (v.Jun 2018)
+
+<img src="june-css-top10.jpg" width="800" alt="Mybridge"></a>
+
+For the past month, we ranked nearly 1,000 CSS articles to pick the Top 10 stories that can help advance your career (1% chance).
+
+* Topics in this list: Layouts, Responsive image, Dropdown, Debug CSS, Grid, Web design, Dark theme, Hover effect, CSS abuse
+* Also published on [Medium](https://goo.gl/mJi6US)
+
+<br>
+
+#### Course of the month:
+
+[A) Beginners: CSS FLexbox Tutorial with Website Projects.](http://bit.ly/2LTfC4y) [129 recommends, 4.8/5 stars]
+
+[B) CSS — The Complete Guide (incl. Flexbox, Grid & Sass)](http://bit.ly/2MnOwnv) [867 recommends, 4.8/5 stars]
+
+<br>
+
+## Rank 1
+### [Getting Started With CSS Layout](https://www.smashingmagazine.com/2018/05/guide-css-layout?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 2
+### [Building a responsive image: How to create a logo that responds to its own aspect ratio](https://medium.com/9elements/building-a-responsive-image-e4c6229fa1f6?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 3
+### [Solved With CSS! Dropdown Menus](https://css-tricks.com/solved-with-css-dropdown-menus?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 4
+### [Learn This One Weird. Trick To Debug CSS](https://medium.freecodecamp.org/heres-my-favorite-weird-trick-to-debug-css-88529aa5a6a3?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 5
+### [CSS Grid — Responsive layouts and components](https://medium.com/deemaze-software/css-grid-responsive-layouts-and-components-eee1badd5a2f?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 6
+### [New CSS Features That Are Changing Web Design](https://www.smashingmagazine.com/2018/05/future-of-web-design?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 7
+### [Dark theme in a day](https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 8
+### [Ideas for Proximity Feedback with Progressive Hover Effects](https://tympanus.net/codrops/2018/05/02/ideas-for-proximity-feedback-with-progressive-hover-effects?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 9
+### [CSS abuse: Projects using pure CSS](https://dev.to/abdelrahman3d/css-abuse-31gp?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)
+
+
+<br>
+
+## Rank 10
+### [The Cult of the Complex](http://alistapart.com/article/cult-of-the-complex?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more)