vitae | ‍ Personal resume powered by Jekyll | Learning library

How to match everything after a double hash "##" until the next double hash "##" and including any repetition of the "#" character which is not "##". For instance the below example should return two matches, one for chapter 1 and 1.1 and the second for chapter 2.

I am having trouble finding individual html elements from the downloaded source code of a selected page. When I use the function $(data).find('p').length it returns me the number 2 which is the correct answer, but if I use the function $(data).find('img').length it returns me 0 and it should be 1.

Im doing a Carrousel that when it opens a "news" you can see a description in a modal, that works perfect, but when you click on a offer you redirect to another page with the info about that product.

It's working but when you do it, in the consolo shows the error of memory leak "react-dom.development.js:67 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function."

I'm knew using useEffect and I don't know how to avoid this.

Thanks for your time

This is the "AxiosCollection"

I am trying to build a responsive Website. With quite an effort (and help from the community) I managed to mount a fixed background image. But now I am encountering two issues:

1. With small screens, the content of the elements in front of the image is cut off at the bottom, scrolling is not possible.
2. The footer is overlapping the other elements.

html/ css:

I have a header and main html tags. The header is a navigation bar with position: sticky and top: 0 and the main is a content container with overflow: auto. I would expect that the scroll bar would only be visible on the main element, but it is visible over the header as well.

How do I make only the content of the main tag scrollable?

In a fixed-height container, I have a flexbox (.main) with flex-direction: row and flex-wrap: wrap. At a wide screen size, I'd like its children — an image (.image-column), and a long amount of text (.text-column) — to be columns, in which the image remains static and the text scrolls. So far, so good. When sized down past the columns' min widths, I'd like them to wrap and stack. This all works, but here's the problem: when they wrap and stack, the scrollable text is offset by the min-height of the .image-column above it, such that when you scroll down to the bottom of the text, the scrollbar disappears offscreen rather than remaining within its container. But if you adjust the height to account for this offset, the .text-column is squished in the unwrapped state.

The two conflicting elements seem to be:

• .image-column's min-height: 200px — but without this, the image doesn't show up at all when wrapped
• .text-column's height: 100% — but without this, the text doesn't scroll

I've tried .text-column with height: calc(100% - 200px) — this fixes the offset when stacked, but creates unnecessary whitespace when in columns, and I'd prefer to avoid such specificity anyway

I'd like to figure out a solution with CSS only and no media queries, since this container may be in a multi-column layout with other containers. I'm willing to use flex, grid, float, or any other arcane layout trick.

Has anyone else experienced this issue with flex row wrapping and scrolling?

(You can run the code snippet below to see the layout wrapped, and press Full Page to see the layout in its wide 2-column state.)

I'm trying to create a 2 column layout around an image but no success

This is what I want the layout to be:

This is what I can do so far:

I have this simple read more JS function. I want to reuse it, what's the best practice for this? For example, below, I have two read more buttons but I have to copy paste the function and some number to it to use it. Not the cleanest way, what's a better way around this?

https://i.stack.imgur.com/3hzl7.png

So I am creating my website and my navbar isn't in line with title (h1). How do I fix it?