mini.css | A minimal , responsive , style-agnostic CSS framework | Theme library

I have this learning projet.

This is the second section in the website, I have a question, I have this 'red' textbox that contain Text, on the right side of the screen, I would want to shift it a little bit to the left side, to make the same effect as the other text in the other section. But when I add something like margin-right: the whole page shift to the left, how can I bypass this ?

thank you verry much :)

Best Paint you will ever see... hahaha

I have this issue I'm still getting on my code. I have added a snippet to visualise what I am saying. Basically I don't understand why my content are not taking the full screen (.statistiquesRight should take the whole left side of the screen). But even when I tried to set it up with 100vh, but they appear but minimized.And the middle logo completly go nuts. I don't really get it.

(This is a projet to learn) Thank you very much <3

I am using mini.css to style a simple web page to show output from an application. I have created a horizontal table using the following HTML, but when I resize the window rather than the huge whitespace at eth right of the right-hand column getting smaller, the text moves left and starts to vanish behind the header. Eventually the responsive design kicks in and changes the table layout completely, but before the table is illegible.

Easiest way to understand what I mean is to try this codepen: https://codepen.io/sonotley/pen/RwKzJzG

Ok, so all I want to do is : whenever I write something in the Input and press the Button, a new HTML page gets created. But I also want to set the page's name and location. Tried searching it, couldn't find any results...

HTML

I cannot get three texts centered on the same line: “5/1 ARM”, “30 Year Fixed” and “15 year fixed”. As you can see, the “30 year fixed” is much higher.

I am very new to this, so I have tired everything I know thus far.

I'm having a problem with moving my 3 images to the same line and in order. I have managed to get the Navbar and singing into the correct passion, but whats happing is when I try to add the 3ed image it moves it to the second line. I though it was the image size that was causing it but I changed them all down to 50px / 50px and still had the problem.

Current Problem

Login / info image

center navbar image 3

What I want to achieve 4

I'm still new to CSS and HTML, so if u have any tips on cleaning up my code or any tricks i can use please let me know!

I started developing a web project using the mini.css framework : my webpage

I can't make the

Can someone confirm this and give me another css framework that works in such conditions ?

Here's my code so far:

This is my first bootstrap design and I think I am doing pretty well but my friend just pointed out that I have a horizontal scroll in browser. Where is this happening and why is it happening? *Horizontal Scroll -> Scroll bar left to right in the browser. If you want to check out the site directly here is the link: https://affattraction.com

HTML

I am using ReactDOM.render() to render a component I have created. The component is fairly complicated, due to the specifics of the implementation, but I can easily render it iff I avoid using JSX syntax. However, if I use JSX, I cannot render the component at all and I get the following error:

TypeError: _this2.props.children.forEach is not a function

My code can be seen below (I also get a few warnings that I haven't gotten around to fixing yet, so you can just ignore those for the time being). Bear in mind that the structure of the HTML for the component is very strict (due to the CSS framework I'm using) and cannot be changed. Is there a way to use JSX for achieving the same result and, if so, what is it that I'm doing wrong?