Front End Development Libraries Projects - Build a Random Quote Machine

JavaScript
1

Hi,

I am having some problems here. the css code I am writing works only for some
designs. The margins, width and height , overflow (I guess generally what is related to distance and dimensions) do not wok.
Could you please let me know what to do?

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Front End Development Libraries Projects - Build a Random Quote Machine

Link to the challenge:

3

Oh, I am sorry, forgot to tell you where I am, I am doing the quote machine, on codepen.io;
https://codepen.io/Honey1835/pen/RwJxqjw?editors=1111
not sure if you can see the link as it is under my account.

4

If you cant see the link:
for example this is the div I have:

and this is CSS code:
.wrapper{
margin-left: auto;
margin-right: auto;
margin-top: 400 px;
height: 200 px;
width:500px;
background-color: lightblue;
box-sizing: border-box;
}
the project does not change at all, even if I put the height to 2000, the dimension of div wont change, the margins wont change.
this is the same for my text boxes.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.