The latest articles on DEV Community by Roy Duque (@duquer). https://dev.to/duquer 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%2F750247%2F18f2584c-c16c-4b09-a833-c77a229f0b4a.png https://dev.to/duquer en Roy Duque Wed, 17 Nov 2021 05:59:24 +0000 https://dev.to/duquer/responsive-web-design-2f0a https://dev.to/duquer/responsive-web-design-2f0a <p>Hello everyone, today i decided to create a small div and style it with some basic styling, i learned how to add background color as well as styling the button however i realized buttons can also be create with just an anchor tag. <br> oh and sorry for the weird class names i just picked some random ones for practicing. <br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UktDvz3H--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mduhcpta7jh434htpw3s.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UktDvz3H--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mduhcpta7jh434htpw3s.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--t7B5fCA9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qzbyyzy01estbv14otu8.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--t7B5fCA9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qzbyyzy01estbv14otu8.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--C4Ann7hI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tr9zq3uyakeg3qfahixk.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--C4Ann7hI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tr9zq3uyakeg3qfahixk.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gqLM6cfl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2h147cc71hxwidbwtdg.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gqLM6cfl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2h147cc71hxwidbwtdg.png" alt="Image description" width="880" height="550"></a></p> webdev javascript tutorial css Roy Duque Tue, 16 Nov 2021 05:21:41 +0000 https://dev.to/duquer/responsive-design-433f https://dev.to/duquer/responsive-design-433f <p>Today i learned how to limit the maximum width of the text in the div below by using max-width it stops the text from stretching all the way, i also made top div's width 100% so background color can be show all the way. The div's with class name .intro-content made it easier to center using margin auto. <br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Drk51ajO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rveordgzd4qgul6aaepn.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Drk51ajO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rveordgzd4qgul6aaepn.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--F8GqCAhA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m5pbhrpd0cvco805258n.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--F8GqCAhA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m5pbhrpd0cvco805258n.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--w9L-aGDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3nfzhtfqp00smo0d0n0a.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--w9L-aGDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3nfzhtfqp00smo0d0n0a.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5-1R6xKA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21ik1tymowg5viet1me2.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5-1R6xKA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21ik1tymowg5viet1me2.png" alt="Image description" width="880" height="550"></a></p> javascript beginners programming responsive Roy Duque Fri, 12 Nov 2021 05:10:48 +0000 https://dev.to/duquer/responsive-websites-3chf https://dev.to/duquer/responsive-websites-3chf <p>Today i learned how to limit the width of the child element to half of it's parent for responsiveness. I also stopped the overflowing out the bottom at smaller screen widths.<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cBE3Oh07--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqwv77g5xq66zxgleyzo.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cBE3Oh07--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqwv77g5xq66zxgleyzo.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XA8bru4V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2njs9bnut1d6tghezv54.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XA8bru4V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2njs9bnut1d6tghezv54.png" alt="Image description" width="880" height="550"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RS3j4mGo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lrndyp72yqhsjca37sp.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RS3j4mGo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6lrndyp72yqhsjca37sp.png" alt="Image description" width="880" height="550"></a></p> responsiveness html css javascript Roy Duque Fri, 12 Nov 2021 04:47:54 +0000 https://dev.to/duquer/web-development-journey-2dph https://dev.to/duquer/web-development-journey-2dph <p>Hello my name is Roy Duque and i am from Houston Tx. I am currently a delivery driver for a small company, I have decided to make a career change simply because i love technology and i find it very interesting how computers and the web works. I have decided to blog my journey and keep track of my progress because my goal is to become a full stack developer. Welcome to my coding journey!</p> webdev beginners css html