omnium | Write an extension once ; have it run on Firefox

Here is the code

Newbie here again. I have this email and I like the way everything looks, but I have two questions I'm hoping someone can answer.

First - when I open this page in Google Chrome and adjust the width of the window, nothing changes. It doesn't seem responsive at all. So I must be missing something in my code. I know this seems really generic of a problem, but I could use some help. I want the 600px wide table to be that width until the window or device is under 600px wide, at which point I want the 600px wide table to be fluid.

Second - In the case of either A or B images, I'm noticing that it doesn't seem vertically centered. I had originally wanted it at the top of the container that's holding it, but now I'd like it vertically centered with equal space on top and bottom. Whether it's the text next to it or the image, what would be the proper way to do that? I've tried vertical-align and can't seem to get it to work.

EDIT: If it helps, I'm going off the teachings I am reading in "The Better Email on Design" by Jason Rodriguez.

Again, I appreciate your wisdom!

https://codepen.io/chaser87/pen/ExPNRNN

I'm trying to make a transition that, when the button is clicked, reveals a section of the page that is hidden. The think is, I want it all to happen within the div with the border. For this example, I want the tag to be shown when I click the button. Also, when I click it, I want both the button and the text to slide to the left, being replaced with the tag.

THE AIM

I would like that when the dropdown is opened (toggle-content is active) the background, apart from the header, would have a different colour and the user wouldn't be able to scroll through the background content until the dropdown is closed.

THE PROBLEM AND THE ATTEMPT

I've managed to prevent the user from scrolling by using $('body').toggleClass('hidden');. However, I am not being able to set a different colour in the background. For this, I've tried placing an empty div with class backdrop and style it to set a background colour with an opacity of 0.5.

Please find my code below:

I'm experimenting about css. I was building a kind of two column layout using left property but I'm in troubles. I don't understand because the content of right column (the div.right) when I scale down the page goes down. Where am I wrong?

We have a horizontal jump menu that will navigate someone to the top of the

Question:

• How would I navigate to the top of an element that has padding within it?

Current Issue:

Desired results:

Code

• Can also be found on codepen.io.

so basically i have 2 columns, one with some inputs and one with only a textarea. The problem is that i want the textarea which is in the 2nd column, to fill the remaining height of the first one but i can't get this working. I tried giving textarea an height of 100%.

Here is a pen with an example:

https://codepen.io/anon/pen/BqQMvG

I am trying to find a clean way to extract all urls in a text string.

After an extensive search, i have found many posts suggesting using regular expressions to do the task and they give the regular expressions that suppose to do that. Each of the RegExs have some advantages and some short comings. Also, editing them to change their behaviour is not straight forward. Anyway at this point i am happy with any RegEx that could detect the urls in this text correctly:

Input:

Lorem ipsum dolor sit amet https://www.lorem.com/ipsum.php?q=suas, nusquam tincidunt ex per, ius modus integre no, quando utroque placerat qui no. Mea conclusionemque vituperatoribus et, omnes malorum est id, pri omnes atomorum expetenda ex. Elit pertinacia no eos, nonumy comprehensam id mei. Ei eum maiestatis quaerendum https://www.lorem.org. Pri posse constituam in, sit http://news.bbc.co.uk omnium assentior definitionem ei. Cu duo equidem meliore qualisque.

Output:

['https://www.lorem.com/ipsum.php?q=suas', 'https://www.lorem.org', 'http://news.bbc.co.uk']

But if there is a python3 class/function/library, that finds all urls in a given text and takes parameters to:

1. select which protocols to detect
2. select which TLDs are allowed
3. select which domains are allowed

I would be very happy to know about it.

I have a site with a small banner that I would like to put a picture in. I am using HTML and the Bootstrap (v4) CSS/JS package. In my banner, I have three different headings, one which is h1 and the two below that are h7. This is what my page currently looks like:

And this is what I want it to look like, roughly:

The white lines are just so that one can see each column in each row. From the first picture, you can see that the column that contains the picture is pushing the other two down. So how would I go about making the picture-column span more than one row?

For reference, here is my current markup: