Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
christocarr
@christocarr
@khaduch CSS queries not working on 480 and 767.
Ken Haduch
@khaduch
@christocarr - maybe you've already been through this - but you cannot use relative addressing to reference things on CodePen (unless you subscribe to the paid service, I believe?) For example, your Images/aboutMe.jpeg is not loading - oops, I see that I'm looking at the older URL - let me look at the one you just posted.
@christocarr - also, you cannot use imgur for images - they don't permit it, according to their terms of service, so the picture is not loading (for me - you might see it, if you're logged in to their site, etc.)
christocarr
@christocarr
@khaduch Whats best for image hosting then?
Ken Haduch
@khaduch
@christocarr - some sites exist that allow you to upload files, like postimg.org, and you can use dropbox if you get the proper URL. I used things from my flickr account by getting the hard link. There are probably other sites, if you google for them.
@christocarr - and "Portfolio" is not spelled correctly... in the header.
christocarr
@christocarr
@khaduch but still does not solve my css queries.
Ken Haduch
@khaduch
@christocarr - I'm not a media query expert - but it looks like you might have to re-order the values to put the narrowest one at the bottom, so that it takes priority over the wider settings? I could see in the devtools that the 767px setting for the h1 elements was overriding the 480px settings at the narrower width. When I moved the 480px settings lower in the CSS section, then it works. I don't know if there could be other conflicts... Maybe you can set a min and max width for things?
christocarr
@christocarr
@khaduch let me try that
Ken Haduch
@khaduch
@christocarr - it might not be the best site to look at for this, but looking at http://www.w3schools.com/css/css_rwd_mediaqueries.asp, they advise (probably correctly) to be "mobile first" - set up the CSS for the narrowest screen, and then add classes and settings for the wider screen widths? Maybe using min-width makes more sense? As I said, I haven't done this too much other than through using Bootstrap so I haven't really learned the media query techniques in detail...
christocarr
@christocarr
@khaduch :sparkles: thanks
CamperBot
@camperbot
christocarr sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1744 | @khaduch |http://www.freecodecamp.com/khaduch
christocarr
@christocarr
Works now.
Ken Haduch
@khaduch
@christocarr - great!
Muhammad Hasham
@MohammadHasham
how can i allow only a part of image to be displayed on screen i have tried oerflow:hidden but that is not working
@khaduch @christocarr
@fhdhsni
GehenFrei
@GehenFrei
Can we submit projects in other programming languages such as Java ? For instance what if I wanted to make an Android app vs. a Code Pen website.
christocarr
@christocarr
How would I check my responsiveness on my smartphone?
Eliza
@ElizaForCode
hey guys! I am working on the portfolio challenge, and I'm trying to figure out how to get my form to actually send the input data to an e-mail... can anyone help me with this? I've done some research and I kind of got that I need to use php, but I am not familiar with that at all... Here is the codepen: http://codepen.io/ElizaForCode/pen/KgXrGA
hi @christocarr you can open your page in your browser and use devtools. if you have chrome for example it has the option to view your site in different device sizes(it's one of the little icons in the left corner), so you can see if it's responsive.
christocarr
@christocarr
@ElizaForCode don't think you have to get your form to send anything now. It's not required for the user rules.
Eliza
@ElizaForCode
@christocarr hmm, you've probably got a point there.. I was just also hoping to use this exercise to get a working portfolio for my hubby together! :D
christocarr
@christocarr
@ElizaForCode I am familiar with the dev tools. So I can't open my index.html the same way on PC?
Eliza
@ElizaForCode
@christocarr which browser do you use? I just chrome on windows and that works fine.
christocarr
@christocarr
I meant I can't open the index with chrome on my phone the same way I can on PC.
Eliza
@ElizaForCode
ah no, unless you have your page online already, I don't think you can see it on your phone.
grantknaver
@grantknaver
You guys have any ideas why I cant float my .jumbotron img & #jumboTextContainer above 480px? https://codepen.io/GrantKnaver/pen/EgwkGx
christocarr
@christocarr
@grantknaver I have no idea
Anyone know why my page opens on botto?
grantknaver
@grantknaver
ya it just doesnt work
christocarr
@christocarr
  • bottom
Sorin Ruse
@sorinr
@grantknaver what do you mean by floating?
grantknaver
@grantknaver
I am trying to both .jumbotron img & #jumboTextContainer in the jumbotron, but something is stopping it. Heck, I even tried an !important declaration, but nothing. I need them side by side.
*I am try to float both
hindraxxx
@hindraxxx
i don't understandm do you want to put the img as your background in jumbotextcontainer? @grantknaver
Sorin Ruse
@sorinr
@grantknaver try class="col-xs-6 col-sm-6" this is what you want?
JD Tadlock
@jdtdesigns
@christocarr Yeah, just use column classes and you can achieve that kinda layout easy
hindraxxx
@hindraxxx
oh yeah if u want them to side by side use the class above by @sorinr on both image and container
grantknaver
@grantknaver
actually revisiting this did give me an idea I will add those classes when I click a button thanks
Tim Handy
@TimHandy
Hi all, I have a question regarding css... I can't figure out why when I put my very basic portfolio into dev tools mobile view in chrome (attempting to do mobile first dev) and then resize the window narrower, the top h1 (my name) gets smaller, yet the h2 below the image and the text below that grows?! I've looked at the css for ages and can't work it out. codepen.io/timhandy/pen/bpzYNg
d wilder
@alhazen1
This message was deleted
d wilder
@alhazen1

@TimHandy What I'm seeing is that your header is fixed at 900px

#header {
    clear: both;
    width: 900px;
}

and that your project preview images get really thin at 80% width.

You can do responsive from scratch but I would suggest using a responsive framework like Bootstrap

Tim Handy
@TimHandy
@alhazen1 where are you seeing fixed #header id of 900px? I don't have that as far as I can tell
@alhazen1 my header uses a .header with position: fixed and 92% width
@alhazen1 even if that were the case, that doesn't answer the question about the font increase/decrease in size. Are you seeing what i mean in the mobile view?
Atdhe Kurteshi
@atdheekurteshi