:cookie: 293 | @skycoder01 |http://www.freecodecamp.com/skycoder01
:warning: haseebuchiha already gave skycoder01 points
i have this error:Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
so i added these headers to my request
headers: {
"Access-Control-Allow-Origin": '*',
"Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept"
}
"Access-Control-Allow-Origin": '*',
"Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept"
}
am i on the right path?
well thats the base url
thats a search for starwars
thank you
@JLuboff Lots of things can get in the way, like borders, padding, margin, collapsing margins. Might have to use width: calc(50% - 2px) or something like that. For example:
<style>
.column {
float: left;
width: calc(50% - 2px);
height: 200px;
border: 1px solid black;
}
</style>
<div class="column"></div>
<div class="column"></div>
The 2px accounts for the 1px border on each
:star2: 2723 | @moigithub |http://www.freecodecamp.com/moigithub
Or, if you want them to be equal width within a container with a fixed width:
<style>
.wrapper {
width: 400px;
}
.column {
float: left;
width: calc(50% - 2px);
height: 200px;
border: 1px solid black;
}
</style>
<div class="wrapper">
<div class="column"></div>
<div class="column"></div>
</div>
@TylerMoeller Genius. I think its the
float: left; that fixed it :+1: Thanks
:star2: 1507 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@TylerMoeller Mind if I ask another question for a different project?
By the way - this gives some other options, but I think float is what Bootstrap uses: https://css-tricks.com/fighting-the-space-between-inline-block-elements/
codepen.io/jluboff/pen/KaLOJd
Right now I have my 9 boxes numbered. If I remove one number (say, the number 1), all of my other boxes get pushed down. I'm guessing its my sloppy css...
Right now I have my 9 boxes numbered. If I remove one number (say, the number 1), all of my other boxes get pushed down. I'm guessing its my sloppy css...