FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

CamperBot

@camperbot

:cookie: 440 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi

Brad

@bradtaniguchi

@zebralight I inspected the element using my browsers dev tools, you can see the computed amounts usually, and it showed 40px

Now technically you can use div, but the correct approach would be using some accessibility tags (like your already using nav right?) since I assume this will be used for navigation

Zebralight

@zebralight

yeah. the pattern I generally use for navs is nav -> ul -> li . It's kind of puzzling how this has never come up before for me

since I use that pattern quite often

the indentation issue, that is

Brad

@bradtaniguchi

Yea idk how come you didn't notice it before

phao5814

@phao5814

Would appreciate if any seasoned webpack users can help me out here https://stackoverflow.com/questions/49584154/how-to-include-external-libraries-via-cdn-asynchronously-in-webpack

coderNewby

@coderNewby

@DarrenfJ thanks for all your help

CamperBot

@camperbot

codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:

:star2: 2444 | @darrenfj |http://www.freecodecamp.org/darrenfj

Frosty427

@Frosty427

why is it that when i add display: flex; to this it decides to shoot to the top
its my footer

Abhi

@abhishek737

I am trying to use url.startsWith('http') in Angular template but it is throwing can't read property startwith of undefined, but I am getting URL on the screen.

Dimitris Nik.

@dimitrissnk

Hey guys I have my quote inside my main div and I want it to go beyond the main div which is an image. How could I do that? As margin-top is moving it in accordance to the top of the page https://codepen.io/dimitris51/pen/GxOVbX

Ghost

@ghost~55a04b725e0d51bd787af54c

I'm having a hard time understanding how to use the Moodle API

Ken Haduch

@khaduch

@Refath - what’s a moodle API, link to documentation? Where are you trying to use it?

Marco Galizzi

@Tezenn

hello every one, i have a problem in the simon game. if use the mp3 the site offers, they don't work.. i used some alternatives ones that are longer but really awkward. So after i fixed some things i tried the freecodecamp one and still nothing.. anyone know why?

Stephen James

@sjames1958gm

@Tezenn I used the FCC ones - like: https://s3.amazonaws.com/freecodecamp/simonSound1.mp3

Marco Galizzi

@Tezenn

@sjames1958gm hey if i use them the don't really work.. it is because of the code i guess, but they sound once and then if they have to play again they don't

Stephen James

@sjames1958gm

I guess it depends on how you are trying to play them? one after the other

Ken Haduch

@khaduch

@Tezenn - I recall seeing a short while ago that there was some problem with the sounds repeating if you use an MP3? I don't know if anyone else will recall a change in this regard. I made a test pen here that does use those sounds and loops through them a couple times, but it sounds choppy. It looks like the example project is using the AudioContext object - documentation here - it might be worth investigating that? Although from the chart that they post it seems that support is somewhat limited? Well, maybe it's mostly Internet Explorer that doesn't support it... but have a look at that and see...

Marco Galizzi

@Tezenn

ok i will link a codepen so you can see.. sorry the code is a mess. but when i used longer sounds they worked really well.

https://codepen.io/Tezenn/pen/bLGKbe

they were like a 2 seconds sound and they worked really well, but were not nice sounds, just dog barking and stuff like that but they worked. with the fcc ones nada..

Raghav Mundra

@Raghav17

Why is bootstrap "row" class not working with divs? Please help!
https://codepen.io/raghav96/pen/YaaaEB

Marco Galizzi

@Tezenn

and this is the same code but others sound and they work fine

https://codepen.io/Tezenn/pen/jzxbmb

Ken Haduch

@khaduch

@Raghav17 - it looks like it's sort-of working... but you are adding extra things like the margin-left: 40% that are probably throwing off the normal operation. It might be that you want to use something other than the bootstrap grid for this application?

@Raghav17 - and you are overriding the width: 50%; that is set up for the col-xs-6 with the settings for your green and yellow classes. Try making another div within the column div and using that for the circles.

@Raghav17 - make your HTML for the middle row look like this:

    <div class="row mid-row">
      <div class="col-xs-6"><div class="green"></div></div>
      <div class="col-xs-6"><div class="yellow"></div></div>
    </div>

In other words, and then you get a little better behavior of the grid, you might be able to play with the alignment then.

You have to look at the interactions between the elements and styles that you are trying to define and use and how it interacts with the Bootstrap settings (and expected uses of the Bootstrap classes.)

Moisés Man

@moigithub

console.log(greenSound.error); after play.. @Tezenn
as u said.. ur sound files are corrupted

Ken Haduch

@khaduch

@Raghav17 - here is a fork of your project with a couple fixes the circles align a little better. You can use it as an example...

Raghav Mundra

@Raghav17

@khaduch Thanks! Sorry, I was afk for a while.
I have now understood where I was wrong.

CamperBot

@camperbot

raghav17 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:

:star2: 3839 | @khaduch |http://www.freecodecamp.org/khaduch

Raghav Mundra

@Raghav17

Thanks again!

@khaduch Can you help me with just one more thing? I have applied sound on the "red" div and created an "onClick" function. But the sound only play one time and dosen't play again.

Raghav Mundra

@Raghav17

@Tezenn I am having the same problem. Did you found the solution?

Saket Kulkarni

@saketk21

Hello all... I am creating a website's front end and I need to display the view of my website in a phone on the website, like on the Apple website they show all the iphones mac etc. Any help?

Sorin Ruse

@sorinr

@saketk21 can u share the code u already have?

Saket Kulkarni

@saketk21

Oh... I was looking at a psd and found that I cannot do that.... Other stuff is manageable. I haven't begun coding yet.

I tried googling but I couldn't find helpful resources.

Saket Kulkarni

@saketk21

Something like this: Mockup

Hemang Kumar

@hemangsk

@saketk21 You can get screenshots for all screens such as iphone, ipad etc via Google Chrome's responsive view

Saket Kulkarni

@saketk21

I did some digging and found out about some sites. Posting this so as to help someone else who also hits this snafu:

www.magicmockups.com
Mockuper

Hemang Kumar

@hemangsk

https://mockuphone.com

Saket Kulkarni

@saketk21

@hemangsk Thanks a lot... It does not have the limitations of above two mentioned sites.

CamperBot

@camperbot

saketk21 sends brownie points to @hemangsk :sparkles: :thumbsup: :sparkles:

:cookie: 348 | @hemangsk |http://www.freecodecamp.org/hemangsk

Where communities thrive

People

Repo info

Activity