The latest articles on DEV Community by Enretro (@enretro). https://dev.to/enretro 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%2F381227%2Fa1c0328f-fa1a-404e-8ef0-d93e84e016ce.jpg https://dev.to/enretro en Enretro Wed, 24 Jun 2020 15:00:13 +0000 https://dev.to/enretro/function-method-2eip https://dev.to/enretro/function-method-2eip <p><a href="https://codepen.io/enretro/pen/wvMeaEm">https://codepen.io/enretro/pen/wvMeaEm</a></p> method Enretro Wed, 17 Jun 2020 11:46:21 +0000 https://dev.to/enretro/what-s-the-difference-44h4 https://dev.to/enretro/what-s-the-difference-44h4 <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Uxa2UItO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ym1iihioxg8vcj4lbf48.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Uxa2UItO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ym1iihioxg8vcj4lbf48.png" alt="+CSS"></a><br> ![after applying css]</p> <p>Sudo child elements became e@sy to manipulate when putting down on grid-layout parent.</p> <div class="highlight"><pre class="highlight plaintext"><code> ## CSS ### .parent{display:grid; position:realtive} ### .child::before/after{ position:absolute; grid-column/row: x/y;} </code></pre></div> <p>Accept apology for inconvenience. It's En first DEV post.</p> <p><a href="https://enfollowen.netlify.app/">En Profile</a></p> gridlayoutsudoselector