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
newmoon
@newmoon
@bradley1492 There may be more CSS depending on the layout required, but not necessarily more advanced. Knowing how to work with inline vs block elements is important whether you use flexbox/grid or not.
AJ Brommy
@AJ-Brommy
@reddy-bharathkumar I can't see the problem :/
Bharath Kumar Reddy
@reddy-bharathkumar
Hi, it's working fine now..
thanks
Gianpaolo
@gianpaolodatu
Guys I have a question about the Survey Project. one of the test suit's requirements is "13. Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute." so I wrote this piece of HTML
<label for="definitely">
<input id="definitely" type="radio" name="recommend"> Definitely
</label>
<label for="maybe">
<input id="maybe" type="radio" name="recommend">Maybe
</label>
<label for="not-sure">
<input id="not-sure" type="radio" name="recommend">Not sure
</label>
Yet it still doesn't pass as right, any idea why?
Christopher McCormack
@cmccormack
@gianpaolodatu you can usually click on the failed test and get a more specific reason why it failed
@gianpaolodatu also don't wrap your inputs in a label
the text should go within the label element but the input does not
hmm scratch that, I guess you can do it either way
if you nest it like that you don't need the for attribute however
Gianpaolo
@gianpaolodatu
I'm following the example from the Basic HTML lessons...
What is the other way?
Christopher McCormack
@cmccormack
<label for="not-sure">Not sure</label>
<input id="not-sure" type="radio" name="recommend">
Gianpaolo
@gianpaolodatu
Got it, thanks
Christopher McCormack
@cmccormack
I believe for allows you to click the text to select the input
but if you wrap it you don't need it
newmoon
@newmoon
It's valid either way - pros and cons to each approach
Christopher McCormack
@cmccormack
This probably wont resolve your issue, just noticed it
newmoon
@newmoon
If you want the label somewhere else on the page, don't wrap it around the input. Otherwise, it's perfectly valid.
Christopher McCormack
@cmccormack
@newmoon yeah I did correct myself above
newmoon
@newmoon
Yep, clarifying for @gianpaolodatu not you @cmccormack :p
Christopher McCormack
@cmccormack
I always thought it was weird having a text and an input sibling
newmoon
@newmoon
The text does feel orphaned that way
Like, I need a span around the text or something lol
Christopher McCormack
@cmccormack
right? That's what the label is for!
that's why I don't nest personally
also makes it easier to add margins/etc...
newmoon
@newmoon
I think Materialize requires it nested for their label effects, but I may be wrong. That's where I first saw it that way
No, I'm wrong. Not sure where I saw it that way.
Gianpaolo
@gianpaolodatu
Ah got it, "All your radio-buttons must have a value attribute : expected 3 to equal 0 "
that's the error
Christopher McCormack
@cmccormack
Materialize does their stuff totally different
I think the button itself is not the input, the label is, something like that
it's odd
@gianpaolodatu nice, all done now?
Gianpaolo
@gianpaolodatu
HMM, just gotta do the valid e-mail/phone number thing
Is that doable with CSS/HTML only?
Christopher McCormack
@cmccormack
yes
for the tests
normally you would want to clean it up on the backend first before adding to db though
Gianpaolo
@gianpaolodatu
I haven't done any Back-end stuff yet so maybe at a later time
Christopher McCormack
@cmccormack
Yup just tossing that out there
You can use type for some validations, pattern for more complex validations
Gianpaolo
@gianpaolodatu
Regular expressions?
Christopher McCormack
@cmccormack
yes
Gianpaolo
@gianpaolodatu
Ok, passed all the tests. Now I gotta make this form beautiful
Is using flexbox a good idea? Or should I just use plain CSS with some queries?