Had a hard time figuring out how to access some style properties and how to assign them the correct way for them to make the needed change on the page.
Tried my best on making the functions, although I think it could be more clean and less code.
Fala @Igor-mit, tudo bem?
Ficou muito bom! Estou aprendendo js pra começar a pegar uns desafios aqui também.
A única dica que eu daria é, como a @AgataLiberska já disse, colocar um max-width pra quando crescer a tela depois de um ponto ele ficar em um tamanho fixo e não ficar estranho ser dar pra ver direito a imagem de fundo.
Keep coding and happy coding!
This is my first challenge. My goal was to be able to complete it with what I know. There are a number of things I could of done better and already recognized a few things I will change when I tackle the next challenge.
Would specifically like feedback around getting my main card container to stay center as the screen size changes. It does not have additional responsiveness items such as clamp or min/max but would like to at least have it stay centered.
Your design looks very good. The only thing remaining is to center it, like @Gascoigne09 said.
Other thing that you can do is use flexbox on the body. Something like this should work:
body{
display: flex;
align-items: center;
justify-content: center;
}
Let me know if this works for you. Keep coding and happy coding! =D
First project using Grids...
Tried to do my best on aligning the elements and making it responsive, but still think didn't quite make it though...
Ficou muito bom e o responsivo está perfeito, parabéns!
A única observação que tenho é sobre as font-weight parece que todos estão usando o mesmo peso ou 400 e 500. No guia de estilo diz que usa 700, 500 e 400, então acho que só faltou usar o 700 em alguns dos textos como no título principal.
Keep coding and happy coding!
Hello guys! How are you?
I was thinking, there are two ways of importing fonts: in the HTML file using <link> and in the CSS file using @import.
Which way is better? Is there any difference?
Thank you!
Ficou muito bom Yudi! O responsivo também, ficou bom em todos os viewports que testei. Parabéns!
Hello Cameron! how are you? hope u're good.
For the background circles what i did was to put it directly in the body with css, them put it to no repeat and position it. You can make this like this 👇🏼
body {
background: url(the top image location), url(the bottom image location), the background color; /*This part is to put the images in the background*/
background-repeat: no-repeat, no-repeat; /*This set the images to dont repeat*/
background-position: left #vw top #vw, right #vw bottom #vw; /*here i used vw to position the images, but u can use the unit u prefer*/
}
I hope it helps you. Let me know if this works for you too.
#KeepCoding #HappyCoding