Coder Social home page Coder Social logo

reimagined-rotary-phone's Introduction

I hope that this project will be my first published Landing Page.

I plan to grow both my HTML and CSS skills with this project and continue to practice decent Git commit habits.

Here is the start of many more pages to land on!

Day 2.33 (1 day, 8 hrs.):

1st Update: Now I've gotten a fairly good working version of the header. Getting the image to line up with the main text was the struggle of it all, I ended up fixing it by adding a/the image div ABOVE the text, from there it was just a matter of reversing the flexbox. I'm intersted to see how it holds up.

The next challange for the header is finding a good grow/shrink ratio + padding for the main text vs the image. I will be thinking about that in the background, but for now I'm going to move onto the rest of the page.

Day 3.33 (2 days, 8hrs) :

2nd Update: I'm getting hungry. Time has lost meaning and I've lost Wilson...

Wait..

I've gotten a working version going now. The major areas are in place and I'm feeling accomplished. There are some tweaks I want to make to how the page responds when the browser window is resized, but other than that I like how it is.

I learned today not to underestimate the power margins and padding and plan to look further into these during the next time I work on this page.

Just a couple more things to fix and look into before I do another. How exciting!

Update 3: I am leaving this first draft the way it is, I believe there will be a chance to fix the things I want to fix in a later lesson.

reimagined-rotary-phone's People

Contributors

antwolfe avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.