Just finished my portfolio. Took me a while to finish it but I’m pretty proud of myself for coming this far.
Problems I ran into:
- I notice that I had a horizontal scroll and fixed it with padding on the left and right margins. I read that it’s because Bootstrap applies a negative margin of 15px to the rows inside a container to create a buffer.
- Didn’t fully understand the grid system. I have a better understanding of it now that I finished the project. I’m still not sure if I did this right, but the way I centered a column in a row was to split the row into three sections and added an empty div in the first column and then putting my content in the second column. I’m sure there is a cleaner and better solution out there.
- The jumbotron wasn’t responsive and when resizing, the text would jump out of the box and it’d be smushed. The solution that I found was to use media queries so that I could specify certain margins and heights.
- Centering my profile picture within a column. Found a solution to add the class .center-block.
There were a lot more, but I can’t remember what it was as of this moment.
I learned a lot doing this project. Before I got started, I had to take a couple of days to learn more about Bootstrap because I didn’t really understand it. I got the syntax down, but I needed a more detailed explanation of what was happening. I’m still learning more about it and I think this was an amazing learning experience for me. Please feel free to leave me some feedback on what you think about my project.