sonet | Android app for managing multiple social network feeds

I am running CentOS 7.6

It is a simple question, but I didn't find any good solution.

I have created a maven project that is compatible to java8+. I want that, whenever someone builds the project, maven should use the java installed java version.

In other words, I want soneting like:

As part of a Django project, I am trying to retrieve the contents of a json file (which is the project directory where the manage.py file is) and display them in the browser along with other posts.

I have followed these instructions in the shell, with no errors, so it should have saved.

Shell commands

I am trying to create a div with a width of 60% of its parent div, and a height that is 40% of its own width. The div must keep this aspect ratio.

The div should contain text (more than one line) that is both vertically and horizontally centered.

I cannot use JS for this, only HTML and CSS.

I have tried the top/bottom padding trick for creating a div with a given aspect ratio, which works, however I am not able to center the text vertically.

The following snippet example looks as desired, only without the fixed aspect ratio.

I have a view where I need to render the same component multiple times and maintain a specific order.

The component is the component to be rendered multiple times.

Please see my data structure where data is managed within state - this is just a prototype so this works for now.

My initial thought on rendering multiple instances of the same component is to .map() through the data however, this will render the component one after another.

I need the components to receive the correct data for each and maintain the structure seen below.

Here is my layout container:

The dropdown in this website normally (large window) 'opens' when the cursor hovers over it. I want the dropdown to change this and open via clicking, but only after the window size is small enough (when top navbar becomes sliding sidebar). Thank you to anyone who helps me.

Edit: The problem is almost fixed, only need the dropdown to close when the button is clicked again.

Here is all of my code (HTML, CSS and JavaScript):

I am trying to make the condition work. I cannot use media queries since my function requires the press of a button to work.

Edit: My website is supposed to change the top navbar into a sidebar that opens and closes when the window size decreases to a certain point.

I added a lot more details, this is all of my code (includes html, css and javascript):

In this website, I would like the navigation bar to stick to the top of the page when scrolling down. I don't know why my website is allowing this to happen (I have position: sticky, top: 0 and overflow is not set to anything).

If anyone is willing to help, please help. Thanks in advance.

Here is the html file and the css file:

When i implemented an interface in a class and executed the code, it appeared the following error: