CSS, SCSS, Animation and Responsive

Which Sass function is used to get the value for the specified key in the map?

• get(map, key)
• map-element(map, key)
• map-value(map, key)
• map-get(map, key)

Which directive allows you to include the content of one file in another?

• @include
• @define
• @import
• All of the above

Which is the correct syntax to define a mixin?

• @mixin name { property: value; property: value;}
• @import mixin name { property: value; property: value; }
• @mixin name .sass{ property: value; property: value; }
• @mixin name { @import _filename; }

Which directive is used to share a set of CSS properties from one selector to another?

• @share
• @import
• @transfer
• @extend

How do we add flex box to an html element?

• display: flex;
• position: flex;
• display: block;
• flex: true;

What does flex-direction allow you to do?

• define how to position elements vertically
• define what direction the elements will flow in with in the parent container i.e. row or column
• defines how position elements horizontally
• define how elements will wrap when the browser width is changed

How can we specify space between the cells in CSS grid?

• margin
• padding
• grid-gap
• space

In the following code, how does the method scale(3,6) affect the element to which it is applied?transform: scale(3,6)

• transforms the width to be 3 times and the height 6 times its original size
• transforms the height to be 3 times and the width 6 times its original size
• moves the element 33 units from the top and 6 units from the right
• transforms the height to be 3 times and the width 6 times its original size

Which of the following is the correct way to write the @keyframes rule?

• keyframes example1 {from {top:0px;}to {top: 200px;background-color: blue;}}
• @keyframes example1 {from {top:0px;}to {top: 200px;background-color: blue;}
• None of the above
• @keyframes example1 {from {top: 0px;}}

You want to move an element 150 pixels from the left and 100 pixels from the top. Which code snippets is correct?

• transform: translate(150px,100px)
• translate: transform(100px,150px)
• translate: transform(150px,100px)
• transform: translate(100px,150px)