<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rami Dev</title>
    <description>The latest articles on DEV Community by Rami Dev (@ramialsayed).</description>
    <link>https://dev.to/ramialsayed</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F563792%2F52474c35-9402-4717-b60d-d2fe1dd8a578.jpg</url>
      <title>DEV Community: Rami Dev</title>
      <link>https://dev.to/ramialsayed</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ramialsayed"/>
    <language>en</language>
    <item>
      <title>The easiest way to create a logo via flexbox</title>
      <dc:creator>Rami Dev</dc:creator>
      <pubDate>Tue, 26 Jan 2021 21:29:37 +0000</pubDate>
      <link>https://dev.to/ramialsayed/the-easiest-way-to-create-a-logo-via-flexbox-1gd0</link>
      <guid>https://dev.to/ramialsayed/the-easiest-way-to-create-a-logo-via-flexbox-1gd0</guid>
      <description>&lt;p&gt;A margin set to auto will absorb any extra space around a flex item and push other flex items into different positions.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/netcase/embed/KKgOZYX?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Pure CSS-Rocket crossing black hole</title>
      <dc:creator>Rami Dev</dc:creator>
      <pubDate>Sat, 23 Jan 2021 17:55:19 +0000</pubDate>
      <link>https://dev.to/ramialsayed/rocket-crossing-black-hole-4nli</link>
      <guid>https://dev.to/ramialsayed/rocket-crossing-black-hole-4nli</guid>
      <description>&lt;p&gt;Rocket crossing black hole , pure CSS !&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/netcase/embed/qBaGQGJ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>HTML Arrow Symbol</title>
      <dc:creator>Rami Dev</dc:creator>
      <pubDate>Fri, 22 Jan 2021 13:53:04 +0000</pubDate>
      <link>https://dev.to/ramialsayed/html-arrow-symbol-3fnm</link>
      <guid>https://dev.to/ramialsayed/html-arrow-symbol-3fnm</guid>
      <description>&lt;p&gt;I found this useful website for HTML Arrow Symbol , especially if you use it along with ::before and ::after pseudo-elements in CSS &lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.toptal.com/designers/htmlarrows/arrows/"&gt;https://www.toptal.com/designers/htmlarrows/arrows/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>How to easily center anything in CSS ?</title>
      <dc:creator>Rami Dev</dc:creator>
      <pubDate>Fri, 22 Jan 2021 12:14:40 +0000</pubDate>
      <link>https://dev.to/ramialsayed/how-to-easily-center-anything-in-css-483e</link>
      <guid>https://dev.to/ramialsayed/how-to-easily-center-anything-in-css-483e</guid>
      <description>&lt;p&gt;You can easily center anything, with this 3 lines of CSS code:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--n95u-dbA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ugcvydnukxffrsb1x8y1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--n95u-dbA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ugcvydnukxffrsb1x8y1.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>line-height CSS property </title>
      <dc:creator>Rami Dev</dc:creator>
      <pubDate>Fri, 22 Jan 2021 11:45:37 +0000</pubDate>
      <link>https://dev.to/ramialsayed/line-height-css-property-mnp</link>
      <guid>https://dev.to/ramialsayed/line-height-css-property-mnp</guid>
      <description>&lt;p&gt;Did you know that the "line-height" is the one of CSS property you'll see that uses unitless measurement . &lt;/p&gt;

</description>
      <category>css</category>
      <category>html</category>
    </item>
  </channel>
</rss>
