AboutMe | A website about me , my skills , and the different tech | Collaboration library

At the moment it looks as though you are fixing the width of an img at 100% (i.e. half the whole thing) and so it will take up whatever space it needs to show the height of a particular img, which depends on its aspect ratio.

So, if you want the height to be fixed rather than the width you can do that, but in either case you run the risk of only part of the img showing if it is too big in the other dimension.

It sounds as though you want every img to cover the full area, in which case try object-fit: cover.

If you are concerned that the whole img should always be seen, whether it fills the whole height or width or not, then investigate object-fit: contain instead.

If you want the img to have 100% of the height, without the top and bottom getting cropped, then set height: 100% and width: auto and deal with possible overflow (which will lead to cropping).

use background-image:linear-gradient( rgb(35, 166, 252), white); instead of background-color Your problem will be solved

so your css should be

Check the PageBase.RedirectToPage Method, we can see that the Object is the route Values.

In the Asp.net Core Razor Page, we can't pass the complex objects as route data. The route data feature only supports simple objects like int and string. If you want to retain more complex objects across requests, you need to use Sessions or TempData(backed by session state).

So, you could refer the following steps to enable session and transfer complex objects between across requests.

1. Enable the session middleware in the Startup.cs: call AddSession in ConfigureServices, and call the UseSession in Configure.

It’s not clear what all of your CSS is for. Some, like setting the opacity on the body to 0 hide everything. It’s best to have a running snippet with your question.

• If you want your logo in the center, you can split your menus into two unordered lists.
• For applying margin such as to the bottom of the navbar-nav, use the Bootstrap spacing utility classes (mb-1 mb-md-2).
• Copy the Bootstrap media query logic (min-width, not max-width – it’s difficult to troubleshoot with two methods) and apply your media queries starting with the smallest size (no media query), followed by increasing media query sizes (min-width: 576px, min-width: 768px, etc.).
• Rather than using smaller text for smaller screens, keep the text the same size and adjust the position if the text won’t fit (smaller text is more difficult for some users to read).

One way to have two columns for the links in the collapsed version is to add a spacer div (.break) that can force the navbar-collapse divs to the next row, and then set their width to 50%.

Don't wrap your submit button with the a tag and create eventListeners instead so you can use the input as a parameter.

The sendFile method just sends a file.

If you want to render a view using the view engine you selected you need to use the render method.

aboutMe is an array, if you want to get the property of the first element, you can use indexing [0]