playfair | Generate charts and graphs from the command line using d3 | Test Automation library

I am learning the basics of html and css, and am trying to build my own blog from scratch, coding it all from the ground up, because that's the only way I'll really learn. I want it to be responsive to different screen widths, so I am using the bootstrap grid, but building my own custom components because the bootstrap ones seem a bit too cookie-cutter. Specifically, what I am having a hard time with is a single DIV element at the top of the page, where I want to contain my most recent blog post. It contains a floated image, and two columns of text. I have placed everything within rows in the grid, and what I am expecting is this: When someone begins minimizing the screen, or when a smaller device is used to view the site, I want the words to just realign to whatever screen size they have, and I do not want the scrollbars to appear. Is there a way this can be done. I have included the code below, (all of it), but the relevant DIV is posted first there at the top, and a picture of what it looks like at full screen size, and also one where the window is reduced in size.

Full size:

Resized screen:

Here is the DIV, and the relevant CSS. Just in case I don't understand what might be relevant, the entire code is at the very bottom. Thank you for any time taken to help me. There are problems with positioning at the top, too, but I think I can figure that out, or I'll have to make that another question. Thanks again.

DIV Element HTML:

I'm working with HTML, CSS and Bootstrap4. I need a navbar that should be fixed when I scroll. I did everything but after a little scroll, the navbar again won't fixed. I wonder if there is any way to solve this problem with bootstrap but if you can't, just tell me what to do with Css. Thanks

My app may be bad I'm trying to learn What is the solution for this error? The error i got

Controller I do not know exactly how to make the list, the examples I tried did not work I guess I need to make a list somehow

I have to use codepen to write up a website and then get my code to pass the W3 validator. The problem is that, whichever way I try to check the code, it comes up with different error messages.

When I copy and paste the whole code into W3, it says that I need and the other things like that (that I'm not allowed to type into codepen, without getting an error message on that end).

However, when I go into debug mode and put the URL directly into W3, it comes up with a load of errors that don't exist- the code it specifies isn't anywhere in my code.

Has anyone else had issues getting codepen validated by w3?

edit: codepen is https://codepen.io/johng003/pen/rNjrrOb

I have developed a blog with Nuxtjs, everything work fine in dev mode, but after i deployed the aplication to my cpanel server, the landing page (index.vue) (i mean http://www.website.com/) show This page could not be found Back to the home page and after a few seconds the page load but not properly, the bootstrap and all the Swipers doesn't load, and i cannot use anything, but if i navigate to http://www.website.com/about-us all work fine, the bootstrap is loaded and the all the swipers are working fine.

I mean: http://www.website.com/ -> only load after a few seconds, doesnt load plugins. http://www.website.com/about-us -> works perfectly

And the title changed to "Failed to execute 'setAttribute' on 'Element': '-left' is not a valid attribute name." and i have the follow erros in Erros in console (edited: adblock errors no longer apeard, new console error:) I have searched a lot but i didn't find any solution.

What i have already done:

I have created a home.vue file and i pasted all the code from the index.vue file and whene i go to http://www.website.com/home, everything is loading and working fine, so the problem is not from the code in index.vue, i also tried whitout any script or styles in the page and it's not from that too, even if the index.vue only had one tag the problem appear.

I also tried to redirect from / to /home with:

On the bottom, in between the buttons, I have been trying to put the div with the class title on the right side of the screen. I have tried for two days now, looking on many forms, most say float: right, or text-align: right , but that isn't working for some reason. Does anyone know anything that can help???

I have an if conditional structure in my python code and i got a problem with how its executing... I expect the first nested if to print The input choice you entered is out of range") when false is returned but its executing the code in the else which is you entered 4 in the second nested if, i expect it to execute the false counterpart of the first nested if which is print("nThe input choice you entered is out of range"), Am i indenting the wrong way or?Please help me

I am trying to create scss mixin for text styles, which includes color, font size, font weight, line height and font family. this is what i have done -

total newbie with Vue.js here, so sorry if I'm missing something obvious.

I want to load components based on the content of a variable - so if the content of my variable changes, I want the component to change accordingly. I have all components imported (e.g. import Project1 from "@/components/Project1";), which again is saved in components: {'p1': Project1}

I use with goTo.page being defined in data as data() {return {goTo: {page: "p1"}}}. The problem seems to be the reactivness of goTo.page. I update it via this.$set(this.goTo, "page", "p2");. When running, i get the error Uncaught TypeError: Cannot read property 'page' of undefined, which I honestly don't understand, since its initialized with "p1".