This was my second portfolio project for freeCodeCamp's responsive web design certificate. This project was a really great learning experience in regards to my understanding of how to center a lot of different elements as well as how border-radius worked.
A key thing that I gained confidence in during this project was the box model as well as how to use the border-radius property. I really struggled at first with understanding how to properly center all of my elements and how to keep them proper sizes at different view-widths. Eventually I started to learn to set my actual widths using my base width and then the scaled up widths using a max-width measured in pixels. To fix my border-radius and get a circular rather than elliptical rounding, I learned that the border-radius property actually takes two arguments in order to specify how round it is.
In the future I would like to get better at planning out in advance how I'll organize my elements and I'd like to better understand how to get the most out of using flexbox. I also feel ready to begin learning React and Bootstrap to help with my styling.
For those interested, the source code can be found here https://github.com/Dwayne-Lacey/tribute-page and the live page is deployed here https://dwayne-lacey.github.io/tribute-page/
I'd love to hear feedback on how I could improve! Thanks for reading
Top comments (0)