janepohorecka sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
:star2: 2584 | @gulsvi |http://www.freecodecamp.org/gulsvi
janepohorecka sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
janepohorecka sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 972 | @mot01 |http://www.freecodecamp.org/mot01
var $result = $div.append($img).append($('<div class="namePlus"></div>').append($p));
if (isOnline === 'online') {
$a.append($i);
$('.namePlus').append($span);
$result.append($a);
}
return $
$span
to the div namePlus
span
.
var $result = $div.append($img).append($('<div class="namePlus"></div>').append($p));
if (isOnline === 'online') {
$a.append($i);
$('.namePlus').append($span);
$result.append($a);
}
return $result;
$('.namePlus').append($span);
will look for an element that is already in the DOM. And since you've not added it, you won't find it.
$result.find('.namePlus').append($span);
var $namePlusDiv = $('<div/>', { class: 'namePlus' });
var $result = $div.append($img);
if (isOnline === 'online') {
$a.append($i);
$namePlusDiv.append($span);
$result.append($namePlusDiv).append($a);
}
return $result;
float left
and inline-block
. I was just wondering should I learn flexbox to make this layout good?? https://codepen.io/jcunanan05/pen/gWmraE
https://www.youtube.com/watch?v=G7EIAgfkhmg
jcunanan05 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 973 | @mot01 |http://www.freecodecamp.org/mot01
float: left
on both child divs?
jcunanan05 sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 430 | @ezioda004 |http://www.freecodecamp.org/ezioda004
outdated
?
aguyinmontreal sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8935 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
p
has col-md-8 col-md-offset-2
tryp {
text-align: right;
}
class = "text-right"
on that p
STOMP
is a well standardized technology. You could combine that with either socket api or SSE (server sent events)
aguyinmontreal sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
STOMP
?
aguyinmontreal sends brownie points to @sweetcodinginc and @forkerino and @sjames1958gm and @kartikv20 and @jcunanan05 :sparkles: :thumbsup: :sparkles:
:cookie: 235 | @sweetcodinginc |http://www.freecodecamp.org/sweetcodinginc
:cookie: 270 | @jcunanan05 |http://www.freecodecamp.org/jcunanan05
:cookie: 200 | @kartikv20 |http://www.freecodecamp.org/kartikv20
:star2: 2981 | @forkerino |http://www.freecodecamp.org/forkerino
fetch()
is good enough, nowadays, in my opinion
class Content extends Component {
constructor(props) {
super(props);
this.state = { value: '' };
}
render() {
return (
<section className='content'>
<Container>
<Row>
<Col xs="12" sm="6">
<textarea
placeholder='Enter your code here'
className='form-control'
onChange={(value) => this.setState({ value })}>
</textarea>
</Col>
<Col xs="12" sm="6">
<textarea className='form-control'>
// How would I update this value every time I type something into the above textarea?
{this.state.input}
</textarea>
</Col>
</Row>
</Container>
</section >
);
}
};
{this.state.value}
leeconnelly12 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8936 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {color: red;}
.smaller-image{width:100px}
h2 {font-family: Lobster, Monospace;}
p {font-size: 16px;
font-family: Monospace;}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src class="smaller-image" "https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>