Question 1

Where are the Magento UI library LESS files located?

Options :

A : Magento_Ui/web/css/source/

B : Magento_Lib/web/css/source

C : lib/web/css/source/lib

Answer: C

Question 2

What is the difference between styles-l.less and styles-m.less ?

Options :

A : styles-l.less is used to generate basic and mobile-specific styles and styles-m.less is used to generate desktop-specific styles.

B : styles-l.less is used to generate desktop-specific styles and styles-m.less is used to generate only mobile-specific styles.

C : styles-l.less is used to generate desktop-specific styles and styles-m.less is used to generate basic and mobile-specific styles.

Answer: C

Question 3

Which UI component property is used for cross tracking property changes?

Options :

A : exports

B : listens

C : links

Answer: C

Question 4

By creating a Custom_Module, an Adobe Commerce Developer has implemented a new Page Builder viewport for tablet devices but the viewport's tablet selector button is missing. The button .svg has been properly added to the path: Custom_Module/web/css/images/switcher/ switcher-tablet.svg. How the developer would implement the viewport button icon?

Options :

A : By setting the node icon in the theme-s etc/view.xml file for the respective viewport configuration data.

B : By setting the mode button-image in the theme-s etc/view.xml file for the respective viewport configuration data.

C : By adding the node image in the theme-s etc/viewport.xml file for the respective viewport configuration data.

Answer: A

Question 5

An Adobe commerce developer wants to override the core Magento UI library dropdowns in your theme. Which is the correct way to achieve this?

Options :

A : /web/css/source/_dropdowns.less

B : /lib/web/css/source/_dropdowns.less

C : /web/css/source/lib/_dropdowns.less

Answer: A