This is my first post and I’ve really been enjoying freeCodeCamp so far. I’m not much of a designer, but I love how easy Bootstrap makes it to create a decent looking, responsive website. I would greatly appreciate any feedback you have on my Personal Portfolio web page:
The one issue I really struggled with was that adding .container-fluid seemed to add padding on the left and right. When I tried to remove it by setting padding-left/right to 0 on .container-fluid, then I would get an annoying horizontal scroll bar. After much Googling and trial & error, below is the combination that worked for me. Please let me know if you’re aware of a more graceful way.
.container-fluid {
height: 100%;
padding-right: 0;
padding-left: 0;
}
/* remove margin which results in horizontal scroll bar with .container-fluid */
.row {
margin: 0px;
}
Thanks a lot! I design very much by trial & error - it’s slow, but eventually I come up with something that I like . I’m hoping it will get easier over time.
Thanks so much @willi1972. It’s taken me a long time to get through the responsive web design curriculum, but I’ve really enjoyed it and learned a lot. Stick with it and I’m sure you will surpass me in no time! All the best to you on your coding journey.