Tell us what’s happening:
Bootstrap borders are not showing up in my preview. I read Bootstrap’s documentation and tried to setup a border around my parent container to visualize the elements I’m working with, but no matter what I try, I can’t get the borders to appear. I inspected the element using Firefox Inspector, and it seems my parent element (id=“drum-machine”) has box-sizing: border-box and inherited from body the properties line-height: 1.42857143 and color: #333 (which I assume refer to the border). Feels like I’m missing something very basic, but I can’t put my finger on it.
These are the classes I’m using for the parent element: className=“container-fluid border border-primary border-5”. Full code can be found here: https://codepen.io/fernandopa/pen/LYKaJQJ
Please disregard the rest of the exercise - it’s still far from finished and requires a lot of work, but I want to get this setup phase right instead of trying to fix it afterwards (like happened with my previous exercise).
Thanks!
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0
Challenge Information:
Front End Development Libraries Projects - Build a Drum Machine
