Center vertical and horizontal

Claudio Ikeda — Mon, 04 Jul 2022 02:59:59 +0000

Simple way to align items in the center of a div.

<html>
  <head>
    <style>
      html, body {
        height: 100%;
        width: 100%;
        margin: 0;
        font-family: Helvetica, "Helvetica Neue", sans-serif;
      }

      .container {
        height: 100%;
        width: 100%;
        display: grid;
        place-items: center;
      }

      .content {
        padding: 30px;
        border: solid 1px #00a0ff;
        border-radius: 5px;
        width: 300px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="content">
        Hello World!!!
      </div>
    </div>
  </body>
</html>

Hacktoberfest

Claudio Ikeda — Tue, 20 Oct 2020 03:27:58 +0000

What I Learned From Hacktoberfest

Three years ago I received my first invitation to participate in Hacktoberfest. But I was an inexperienced programmer. Today, I consider myself a programmer with a lot, a lot to learn! Every year I make a list of projects to contribute in some way, fix a bug, implement a feature. But I always think that the code of other programmers is much better, easier to understand, etc. Yeah, it's true, but if I don't go a step further, get out of my comfort zone, I may never reach my goals.
This year I finished the Hacktoberfest challenge! Thank you Digital Ocean and Github for encouraging us to contribute and create open source projects.

DEV Community: Claudio Ikeda

Center vertical and horizontal

Hacktoberfest

What I Learned From Hacktoberfest