W3C home > Mailing lists > Public > www-validator-css@w3.org > July 2018

Re: justify-self not recognized?

From: Walter Farrell <walt.farrell@gmail.com>
Date: Fri, 20 Jul 2018 13:46:31 -0400
Message-ID: <CAOETLVG-8Ekjp=i-YSZ+bFNCjJis4xS61zmvRVcOELjkK7y30w@mail.gmail.com>
To: mar roj <maurifff576@gmail.com>
Cc: www-validator-css@w3.org
Thanks for your CSS and HTML.

If you look here (since you mentioned Mozilla):
   https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
and scroll to the bottom you will see that the specification that covers
justify-self is still in "working draft" status. That means it is not yet
official CSS; only being considered.

You can confirm that here:
    https://www.w3.org/TR/css-align-3/
where you will see the following at the top:
W3C Working Draft, 23 April 2018
and "under "Status of this document" you will see:
<quote>
Publication as a Working Draft does not imply endorsement by the W3C
Membership. This is a draft document and may be updated, replaced or
obsoleted by other documents at any time. It is inappropriate to cite this
document as other than work in progress.
</quote>

As it is not yet part of the standard I doubt that the validator will
support it. Also, as it is subject to change it is not yet safe (in my
opinion) for use in anything except a testing environment.

Regards,
Walt


On Thu, Jul 19, 2018 at 6:47 PM, mar roj <maurifff576@gmail.com> wrote:

> This is the CSS that I used:
>
> .links-container {
> margin: 2em auto auto auto;
> display: grid;
> grid-template-columns: 1fr 1fr 1fr 1fr;
> grid-column-gap: 3vw;
> }
> @media (max-width: 800px) {
> .social-link {
> justify-self: center;
> }
> }
>
> And this is the HTML:
> <div class="links-container">
> <a class="social-link" id="profile-link" href="#" target="_blank"><i class
> ="fab fa-github"></i></a>
> <a class="social-link" href="#" target="_blank"><i class="fab
> fa-free-code-camp"></i></a>
> <a class="social-link" href=#" target="_blank"><i class="fab
> fa-linkedin-in"></i></a>
> <a class="social-link" href="#" target="_blank"><i class="fab fa-twitter"
> ></i></a>
> </div>
>
> This works in Google Chrome too.
> I hope this helps.
>
> Best regards,
> Mauricio Rojas
>
> El jue., 19 de jul. de 2018 a la(s) 13:43, Walter Farrell (
> walt.farrell@gmail.com) escribió:
>
>> Firefox recognizing something does not mean that it's part of the
>> standard the validator is applying.
>>
>> It would help if you showed us the CSS that you used, or at least the
>> portion related to the validator's error message.
>>
>> On Wed, Jul 18, 2018 at 8:08 PM, mar roj <maurifff576@gmail.com> wrote:
>>
>>> Hello,
>>> I'll go to the point so this doesn't take much of your time:
>>>
>>> I've recently used the validator, and in the results it says that the
>>> *justify-self* property doesn't exist. I believe it does, because
>>> firefox recognizes it and it works the expected way.
>>>
>>> Thank you for your time.
>>>
>>> Best regards,
>>> Mauricio Rojas
>>>
>>
>>
Received on Friday, 20 July 2018 17:46:54 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 23:01:21 UTC