Learning CSS Layout

While juggling work, job searching, and learning new programming languages, I have been improving the design on my portfolio projects. Since the last time I worked on my projects was when I presented them to my technical coaches to be reviewed. All my projects were initially completed to be MVP’s (minimum viable products) so that functionally it works. When utilizing the bootstrap gem, there are certain built-in CSS styling for headers and elements. However, if you would like to furthermore edit these certain and elements, all you have to do is detail the changes within the application.css file. For my rails project, I created a maintenance task tracker for workers to keep track of all the jobs they have to complete. I wanted to display this to the user in a creative way, specifically the layout of the page. There are CSS properties that can be changed that deals with the layout of the web page. The following are the CSS properties that can be edited:

Margin — used to set the spacing outside of elements.

Padding — used to set the spacing inside of elements.

Border — used to create a line (stroke) on the outside edge of elements.