How to get to styles in Wordpress?

Question

css

Good day.
There is a site for which seo-report writes.

User
Experience Adapt Content Size
to Viewport How to fix
The page is wider than the viewport, requiring users to scroll horizontally. Tailor your content to the viewport to make your site more user-friendly.
The page width is 427 CSS pixels, and the viewport is only 412 CSS pixels. These elements are out of view:
Element RatingOur loyal customer! is outside the viewport.
The Best Tech item is out of the viewport.
Element Among the first ... and quality! is outside the viewport.
Element The best hara…otny masters! is outside the viewport.
This rule is triggered when Sitechecker detects that the webpage content is wider than the specified viewport and the user is forced to scroll horizontally.

I look at the styles for these blocks, I see:

In this regard, I have two questions for experts.
1. How to change styles correctly so that the blocks do not go beyond the viewport?
The answer to this question seems to be obvious, change paddings, width, see what happens.
Perhaps there is something else?
2. How to get to the desired file with styles through the admin panel in order to change the desired one and not break anything?

Answer 1

Open the WordPress console (admin panel). Next, go to "Appearance" """ "Theme Editor" In the page that opens, the selected theme is on top. » on the right is a drop-down list for choosing a topic. Below is the main block with the code (displays the code of the open file). On the right column there is a list of files and folders / subfolders of the theme with attached files. Find your file and edit the code. Similarly, for plugins, just the address of another “Plugins” »»» «Plugin Editor»
To view / test the correctness directly in the browser engineering panel (after refreshing the page, everything will fall into place)