These are chat archives for FreeCodeCamp/Help

4th
Feb 2019
kinopotato
@kinopotato
Feb 04 12:19
Hello, anyone out there that can help with css? my input field won't resize
Ramesh
@rnallu
Feb 04 15:25
@kinopotato what you tried?
Josebuendia
@Josebuendia
Feb 04 17:31

Hey, can anyone help with 'adding borders around elements? My Code: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<img class="thick-green-border">

<style>
.red-text {
color: red;
}
<style>
.thick-red-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>
h2 {
font-family: Lobster, monospace;
}

p {
font-size: 16px;
font-family: monospace;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</main>

Christopher McCormack
@cmccormack
Feb 04 17:32
@Josebuendia Please don't post large code blocks here (and if you do post code, please use proper formatting). You can use external sites like CodePen or Codesandbox to easily share your code without filling the channel
@Josebuendia can you tell us what isn't working and share the link to the exercise?
Ramesh
@rnallu
Feb 04 17:33
Hi, how to exempt the top nav bar from the menu space, so that it can start the anchor linked text from that point when i click the anchor element.
Here is the link of my code. pls check it in below 700px width, as i'm changing for responsive.
https://codepen.io/rnallu/full/KJmmpQ
May Kittens Devour Your Soul
@diomed
Feb 04 17:34
wut?
Ramesh
@rnallu
Feb 04 17:35
Already tried this solution, but didnt work.
twbs/bootstrap#1768
It says I have yet to do these things: 'Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green. ' But I thought I did those things.
May Kittens Devour Your Soul
@diomed
Feb 04 17:37
@Josebuendia why do you have multiple style tags?
only 1 set of style tags goes in web page
and html always goes after style tags
Josebuendia
@Josebuendia
Feb 04 17:39
But I have the html after the styling no?
May Kittens Devour Your Soul
@diomed
Feb 04 17:39
you have this <img class="thick-green-border"> before
that's a no no
also you have to decide does task ask of you to have red border, or green border
coz you're putting 2 different colors
Josebuendia
@Josebuendia
Feb 04 17:42
Thanks. @diomed
May Kittens Devour Your Soul
@diomed
Feb 04 17:43
@rnallu that solution didnt work coz u dont have bootstrap
so you can use bootstrap solution on non bootstrap page
Ramesh
@rnallu
Feb 04 17:44
I tried setting height by putting wrapper around navbar.
Also tried div with &nbsp;between navbar and main.
Pls help me out
Niraj Nandish
@Nirajn2311
Feb 04 17:46
@diomed long time no meow
May Kittens Devour Your Soul
@diomed
Feb 04 17:46
@Nirajn2311 dogs can't operate MRI machines.
but :cat:scan
help a guy out with css, would you?
Niraj Nandish
@Nirajn2311
Feb 04 17:47
Who
May Kittens Devour Your Soul
@diomed
Feb 04 17:47
you
who else?
Niraj Nandish
@Nirajn2311
Feb 04 17:48

help a guy out with css, would you?

Who should i help

May Kittens Devour Your Soul
@diomed
Feb 04 17:48
@rnallu
Niraj Nandish
@Nirajn2311
Feb 04 17:51
@rnallu just give me a min, ill be back
Ramesh
@rnallu
Feb 04 17:52
@Nirajn2311 Will Wait...
May Kittens Devour Your Soul
@diomed
Feb 04 17:53
@Nirajn2311 here's one gondola 4 you
May Kittens Devour Your Soul
@diomed
Feb 04 18:17
...waiting for Godot :yum:
Niraj Nandish
@Nirajn2311
Feb 04 19:00
@diomed what is in that link
Can't access it here
@rnallu sry to keep you waiting, ill look at your doubt now
Ramesh
@rnallu
Feb 04 19:05
It's ok
Niraj Nandish
@Nirajn2311
Feb 04 19:06
@rnallu you want the nav bar to not hide the starting part of any anchor you click
Like when you click on hello world it should not hide it below the nav bar
Is that your doubt?
May Kittens Devour Your Soul
@diomed
Feb 04 19:28
sure is
@Nirajn2311
Niraj Nandish
@Nirajn2311
Feb 04 19:32
@diomed i dont even know what im doing
Heck i need sleep
May Kittens Devour Your Soul
@diomed
Feb 04 19:33
so sleep
who is preventing you but yourself
Niraj Nandish
@Nirajn2311
Feb 04 19:33
@rnallu sry but i had been busy before so im just tired
@diomed will help you out

who is preventing you but yourself

That quote tho

Craig
@craigs42
Feb 04 22:12
Good afternoon everyone