Masonry | Layout UI addon that brings power | Grid library

just wondering if any of you tried to achieve a result like in the picture below. Triying to achieve it with flex boxes but not really achieving anything so I'm not sure if that will be even possible and be responsive. I'm triying to avoid having position absolute and a ton of media queries, I sure that must be an easy and responsive way to achieve this with a few lines of code.

https://codepen.io/melicard/pen/vYWoaoa

In this below example I have got two issues.

1 - Active nav link is not shown at the correct section when clicked on a nav link because of header offset calculation, I think it assumes it is not reached to the designated section, you have to scroll header height more manually than active link background color highlights.

2 - During scrolling highlight passes by each link and creates unpleasant effects for example when you are in the Amenities section and click on Contact to reach to contact section.

Hi I am working on the script to automate downloads of videos from this side https://pixabay.com/videos/ I can find a class with href(href is an attribute with URL) but after that Selenium gives me a bug with any error only a result of print(xy.get_atribute("href)) is None: my code:

Does it make sense to use Conda + Poetry for a Machine Learning project? Allow me to share my (novice) understanding and please correct or enlighten me:

As far as I understand, Conda and Poetry have different purposes but are largely redundant:

• Conda is primarily a environment manager (in fact not necessarily Python), but it can also manage packages and dependencies.
• Poetry is primarily a Python package manager (say, an upgrade of pip), but it can also create and manage Python environments (say, an upgrade of Pyenv).

My idea is to use both and compartmentalize their roles: let Conda be the environment manager and Poetry the package manager. My reasoning is that (it sounds like) Conda is best for managing environments and can be used for compiling and installing non-python packages, especially CUDA drivers (for GPU capability), while Poetry is more powerful than Conda as a Python package manager.

I've managed to make this work fairly easily by using Poetry within a Conda environment. The trick is to not use Poetry to manage the Python environment: I'm not using commands like poetry shell or poetry run, only poetry init, poetry install etc (after activating the Conda environment).

For full disclosure, my environment.yml file (for Conda) looks like this:

EDIT Keep in mind that each cell can have a different width and height. This is not the same thing as this post: CSS-only masonry layout, see guide lines of the reference picture:

there are about 19 columns and 17 rows made by guide lines and tiles placed in virtual 5×5 base grid overlap it in both axis.

I want something between a grid and a flex layout. Grids are limited by cell size and flex is more powerful, but (what I know of it) is limited to direction. I want to have different cell sizes, each 5 of them summing to the same width, and 5 columns summing to the same height. Like the image below.

Is there any way of achieving a similar layout using CSS?

This is all I got until now:

HTML:

I have a trivial python lambda function defined in index.py:

I've read dozens of articles, blog posts, docs, and Q&A posts on this site on this issue, and I haven't found a solution.

My Python code in index.py is simple:

I am trying to render the responsive image grid, which might have images of different sizes. It sounds like the Masonry component is good fit for this case, but not sure that I am able to use this example in my application? It looks fully coupled to the place where it lives, I tried to take relevant parts, but I wasn't able to get working.

Also, I have tried to generate relevant code with wizard, and got this sample:

I'm trying to separate children of a container div into left/right columns, with no vertical whitespace below or above the children items.

I'll explain the setup and provide a picture of the desired result, and then I’ll explain every solution I’ve tried and why each solution doesn’t seem to work.

The Setup

I have a container with children