developer

In CSS Flexbox, why are there no “justify-items” and “justify-self” properties?

Question: ❓❓❓ Consider the main axis and cross axis of a flex container:                                                                                                                        Source: W3C To align flex items along the main axis there is one property: justify-content To align flex items along the cross axis there are three properties: align-content align-items align-self In the image above, the main axis Read more…

By admin, ago
developer

Creating a Radial Menu in CSS

Question: ❓❓❓ How do I create a menu which looks like this… Link to PSD I don’t want to use the PSD images. I would prefer using icons from some package like FontAwesome and have the backgrounds/css generated in CSS. A version of the menu that is using the PSD Read more…

By admin, ago
developer

How to apply multiple transforms in CSS?

Question: ❓❓❓ Using CSS, how can I apply more than one transform? Example: In the following, only the translation is applied, not the rotation. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); } Good Answer: 👌👌👌 You have to put them on one line like this: li:nth-child(2) { transform: rotate(15deg) translate(-20px,0px); } Read more…

By admin, ago
developer

What is the difference between “screen” and “only screen” in media queries?

Question: ❓❓❓ What is the difference between “screen” and “only screen” in media queries? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Why are we required to use ‘Only‘. Does screen not itself provide enough information to be rendered only for Read more…

By admin, ago