Skip to content

Commit 78f1973

Browse files
khan4019khan4019
committed
added a shade to the extra questions
1 parent 7ca6dd6 commit 78f1973

File tree

1 file changed

+16
-13
lines changed

1 file changed

+16
-13
lines changed

‎css.html‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,9 @@
2424
.gray{
2525
color: gray;
2626
}
27+
.blueish{
28+
color: rgba(151, 182, 209, 0.98);
29+
}
2730
.singInStuff{
2831
margin-top: 9px;
2932
}
@@ -205,26 +208,26 @@ <h2>21+ questions for intermediate JS developer</h2>
205208
<ol>
206209
<li><a href="#float">what does float do?</a></li>
207210
<li><a href="#clear">How can you clear sides of a floating element?</a></li>
208-
<li class="skipListItem gray"><a href="#clear">How can you clear sides of a floating element?</a></li>
211+
<li class="skipListItem blueish"><a href="#clear">How can you clear sides of a floating element?</a></li>
209212
<li value="3"><a href="#rapidFire">some tricky questions in rapid fire style</a></li>
210-
<li class="skipListItem gray"><a href="#rapidFire">Does css properties are case sensitive?</a></li>
211-
<li class="skipListItem gray"><a href="#rapidFire">Why css selectors mixed up with cases don't apply the styles?</a></li>
212-
<li class="skipListItem gray"><a href="#rapidFire">Does margin-top or margin-bottom has effect on inline element?</a></li>
213-
<li class="skipListItem gray"><a href="#rapidFire">Does padding-top or padding-bottom has effect on inline element?</a></li>
214-
<li class="skipListItem gray"><a href="#rapidFire">Does padding-left or padding-right or margin-left or margin-right has effect on inline element?</a></li>
215-
<li class="skipListItem gray"><a href="#rapidFire">If you have a &lt;p&gt; element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?</a></li>
216-
<li class="skipListItem gray"><a href="#rapidFire">The pseudo class :checked will select inputs with type radio or checkbox, but not <option> elements.</a></li>
217-
<li class="skipListItem gray"><a href="#rapidFire">In a HTML document, the pseudo class :root always refers to the <html> element.</a></li>
218-
<li class="skipListItem gray"><a href="#rapidFire">The translate() function can move the position of an element on the z-axis.</a></li>
213+
<li class="skipListItem blueish"><a href="#rapidFire">Does css properties are case sensitive?</a></li>
214+
<li class="skipListItem blueish"><a href="#rapidFire">Why css selectors mixed up with cases don't apply the styles?</a></li>
215+
<li class="skipListItem blueish"><a href="#rapidFire">Does margin-top or margin-bottom has effect on inline element?</a></li>
216+
<li class="skipListItem blueish"><a href="#rapidFire">Does padding-top or padding-bottom has effect on inline element?</a></li>
217+
<li class="skipListItem blueish"><a href="#rapidFire">Does padding-left or padding-right or margin-left or margin-right has effect on inline element?</a></li>
218+
<li class="skipListItem blueish"><a href="#rapidFire">If you have a &lt;p&gt; element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?</a></li>
219+
<li class="skipListItem blueish"><a href="#rapidFire">The pseudo class :checked will select inputs with type radio or checkbox, but not <option> elements.</a></li>
220+
<li class="skipListItem blueish"><a href="#rapidFire">In a HTML document, the pseudo class :root always refers to the <html> element.</a></li>
221+
<li class="skipListItem blueish"><a href="#rapidFire">The translate() function can move the position of an element on the z-axis.</a></li>
219222
<li value="4"><a href="#units">Which one would you prefer among px, em % or pt and why?</a></li>
220223
<li><a href="#position">How absolute, relative, fixed and static position differ?</a></li>
221224
<li><a href="#displayVisibility">What are the differences between visibility hidden and display none?</a></li>
222225
<li><a href="#inlineBlock">What are the differences between inline, block and inline-block?</a></li>
223226
<li><a href="#boxModel">What are the properties related to box model?</a></li>
224227
<li><a href="#overflow">Does overflow: hidden create a new block formatting context?</a></li>
225228
<li><a href="#mediaQueries">How could you apply css rules specific to a media?</a></li>
226-
<li class="skipListItem gray"><a href="#mediaQueries">What is the use of only?</a></li>
227-
<li class="skipListItem gray"><a href="#mediaQueries">Does the screen keyword apply to the device's physical screen or the browser's viewport?</a></li>
229+
<li class="skipListItem blueish"><a href="#mediaQueries">What is the use of only?</a></li>
230+
<li class="skipListItem blueish"><a href="#mediaQueries">Does the screen keyword apply to the device's physical screen or the browser's viewport?</a></li>
228231
<li value="11"><a href="#pseudoClass">What are the some pseudo classed u have used?</a></li>
229232
<li><a href="#verticalCenter">How do you align a p center-center inside a div?</a></li>
230233
<li><a href="#optimizeSelector">How do you optimize css selectors?</a></li>
@@ -605,7 +608,7 @@ <h2>Deleted Scenes</h2>
605608
</div>
606609
<div>
607610
<h3 class="purpleBold">Express anger!</h3>
608-
<p class="gray">Feel free to express your anger here (sorry u have to use facebook). also find out mistakes ( technical, wrong answer, spelling, grammar, sentence, whatever), let ur dude learn and grow.</p>
611+
<p class="gray">Feel free to express your anger (sorry u have to use facebook). also find out mistakes ( technical, wrong answer, spelling, grammar, sentence, whatever), let ur dude learn and grow.</p>
609612
<div class="fb-comments" data-href="http://www.thatjsdude.com/interview/css.html" data-numposts="5" data-colorscheme="light"></div>
610613
</div>
611614
<hr>

0 commit comments

Comments
 (0)