Theme development

Hello!

I have successfully installed from scratch Drupal Commerce Kickstart on version 7.54 and created a sub-theme using drush. Drush created the sub-theme and I've enabled it. It has the pink bars which I understand where that is coming from. It's just the grid that is a theming aid.

My question is: Where and how do I make my sub-theme look exactly like the original Omega Kickstart theme? Do I copy over some css file from the original or do I enable something in the sub-theme?

I am running:

I'm trying to get the teaser image on a Custom content type to look like the Article content type. Teaser Display Settings are identical, I've copied the Article twig files, yet it keeps displaying as a larger image.

Anyone using NewsPlus Lite been able to apply the same teaser theming Articles uses to other Custom Content Types? Perhaps this is just a CSS issue?

Currently I have simple view that is used on the main page. In includes nodes of custom type. That's great. But now I need to do something different.

Consider I have following structure:

-----View-----
-------Node 1--------
-------Node 2--------
-------Node 3--------
-------Node 4--------
-----End View-----

But I want to have the structure like that:

For example to render a simple form like search block should be invoked 8 different template like below and each of this template only have one or few line of code, see below:

region.html.twig
└─ block.html.twig
   └─ form.html.twig
      ├─ form-element.html.twig
      |  ├─ form-element-label.html.twig
      |  └─ input.html.twig
      └─ container.html.twig
          └─ input.html.twig

As you can see in below some of this files Just have a few line of code:

region.html.twig

Greetings to all Members!

I am continuing to explore Drupal. It is really powerful. But I can't find the right way to build a custom page.
I wan't to create a completely custom page with custom data.

Now I have following structure.

I've created the page--front.html.twig template file. And defined it like that