Getting initial to work at the top of the code?

javascript

#102

You could, but everything will be on the same line until it wraps.


#103

I'll try it your way first to see how it works.


#104

Did you set it up wrong?
https://jsfiddle.net/hcmcwh18/1/

fixed:
https://jsfiddle.net/hcmcwh18/2/


#105

I tried it on this one and it didn't work.
https://jsfiddle.net/tavcvcu6/8/


#106

What does that mean?


#107

Because the HTML structure is different, the CSS will need to change too to fit with the improved structure of the HTML.


#108

I'll come up with an example to help demonstrate.


#109

I wanted to see how it would work on an already working code which was this one.
https://jsfiddle.net/tavcvcu6/8/

All I did was remove this from it:

<div class="linkse">
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>
  <a href="" target="_blank"></a>

#110

What would I change .linkse in the css to?
https://jsfiddle.net/tavcvcu6/11/


#111

Here's an example that lets you simulate turning off the CSS styles.

https://jsfiddle.net/2L9g91b6/1/

I think that I've got a more advanced grid rows working well too, but some advice from CSS gurus around here would be appreciated on that.

I've used the following, to remove the UL styles, and apply a 5-col grid for the links.

.media {
  width: 266px;
  list-style-type: none;
  padding-left: 0;
  
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 4px;
  grid-row-gap: 12px;
}

#112

When CSS is on, they both look the same, act the same, no difference.

Using <li></li> would only be of use for people who have CSS turned off.


#113

Yes, that's the whole reason for it. Starting from only HTML, you build what works there, and then after it works only as HTML you layer on the CSS to make it look good.


#114

Thank you for appreciating the work that I put into it, to make it behave the same as what you currently have.


#115

Do you know what percentage of the world population uses the internet with CSS turned off?


#116

It's a reliability issue for sometimes the CSS doesn't get transmitted, and sometimes people use devices (like cellphones) that have trouble with CSS.

It's a policy of "Do not close doors to people" if at all possible.


#117

That's good information to know.


#118

Where do we go from here?
https://jsfiddle.net/20998tdo/150/

But I want to keep links the way they are for now.

For this version.

Then I'll make another one using the other concept.


#119

It seems that you want to do nothing with it, so we go nowhere.


#120

Why can't we make 2 versions, 1 using inline, one that doesn't use it?

All we're talking about is the links part.

That can interchange.


#121

Because having many different versions that all use different types of techniques is less than useful.