2023 Web Development Bootcamp : Intermediate CSS part3 - Day 7

-

 Changes:

I made changes to the header of the website yesterday. Here is the new code:


#logo1{
    height: 250px;
    position: relative;
    left: 100px;
  }

.team{
    height: 250px;
    position: relative;
    left: 150px;
    top: 10px;
}

#logo2{
  height: 250px;
  position: relative;
  left: 200px;
}




And here is the new website:






Absolute Positioning

A lot of info on positioning but no real connection to the personal website.


Centering Elements with CSS

note: text-align: center; margin: 0 auto 0 auto;


Font Styling using CSS

Note: Two major font families: serif and sans-serif; Google fonts.

This is another large topic and I will come back to it as needed.  I changed the font of my website to Arial for now.

body {
    background-color: #c7f6fd;
    font-family: Arial, Helvetica, sans-serif;
  }

  h1 {
    color:red;
    width: 50%;
    margin: 0 auto 0 auto;
  }


And here is the new website:















Comments

Post a Comment

Popular posts from this blog

Space Wars- Python 3

-
Image
Space wars - Python 3 This is my first version of Space Wars  in Python 3 using C. Thomson's ideas and Turtle. I made this a few weeks ago but am only getting around to post it today.  It doesn't have any sound. CT developed his program on the Mac.  However, the sound code doesn't work with windows.  The program was developed using Turtle. I am using Python's turtle module to develop games now. I play to start with Pygame before the end of the year.
Read more

Maze Game in Python using Turtle

-
Image
This is my first attempt at a maze game in Python. The white squares are the walls and the blue circle is the first player. I will continue on with the game and post the final version.  After learning how to make basic games in Python using Turtle, I plan to move on to making simple games using Pygame.
Read more