I am a self-taught web developer, I really like to learn and create new things. Soy un estudiante autodidacta de Desarrollo Web Frontend, todos los días practico para poder mejorar en mis habilidades de código, me gusta mucho crear nuevos proyectos y aprender nuevas habilidades.
I’m currently learning...JavaScript and React
Debo mejorar mi habilidad para programar en JavaScript
Debo practicar más para mejorar en mobile first
Solo necesito practicar más para mejorar al solicitar los datos de una API
Next time i will be using tailwindCSS
What challenges did you encounter, and how did you overcome them?the most challenging was practicing pure css
What specific areas of your project would you like help with?refactor to be better
Hello, I saw your code and it is clear what you did for this challenge, but I recommend that you use the link tag for the CSS styles, for the body styles, I recommend using flexbox in this way:
body { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .card { padding: 2rem o 1.5rem; } .image-container img { width: 100%; max-width: 350px or 400px; display: block; margin: 0 auto; }
I hope it helps Happy Coding!!
Hello, I saw your code and it is clear what you did for this challenge, I recommend you use flex-box like this.
body { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } Card container .container { width: 450px or 500px; padding: 2rem 0 1rem; }
This will center the content on the screen and you can use padding to fill the card.
Happy Coding!!
Fico feliz de conseguir começar a andar nos projetos, apesar de sentir que tem muita coisa diferente de muitos que eu vi, ainda sigo em frente e logo mais eu acabo refazendo e melhorando os que eu já fiz.
What challenges did you encounter, and how did you overcome them?Ainda sigo com dificuldade em alinhas alguns itens no css, mas acho que é falta de olhar novamente sobre flexbox entre outras coisas, vou me dedicar mais para conseguir otimizar e melhorar isso.
What specific areas of your project would you like help with?sempre espero que alguém me diga as melhores formas de resolver os problemas, no caso me dar um norte para aquilo que eu fiz, e como eu poderia ter feito.
Hello, I saw your code, I understand what you did for this challenge, I solved this challenge by putting the following styles:
body { background-color: hsl(47, 88%, 63%); display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; } .cartao { width: 450px or 500px; padding: 2rem or 2em; }
This centers all the content of the letter, and for the image you can use the display property: block;
Happy Coding!! Good Job!!
Hello, I saw your code and I understand what you did, I recommend that you use a main with a div.container that contains the cards, and to center the content and have an appropriate width, put a max-width to the body and a display flex to center the cards:
body { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
Good job!! Happy Coding!!
used flexbox and grid
Good job!!
I learned to use Jquery via this project and next time I will try to dig deeper into Jquery to further improve my skills.
What challenges did you encounter, and how did you overcome them?I facing alot of troubled with creating the blue bottom for the smaller screen sized but it eventually I was also to solve it by creating two different divs for smaller and wider screens and the styling them differently.
What specific areas of your project would you like help with?Any kind of feedback is useful, it is just that I face alot of trouble with adjusting font size , I think there is something up with the text size setting of my browser because when I make changes in the font size I do not see any differnce hence I do not know how the fonts will appear on others screen.
Hello, I saw your code and it is understandable what you did, but I recommend that you center the body, so that it looks like the design image, to do that you can use the following CSS3 properties.
body { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .main-container { width: 100%; max-width: 600px; display: flex or grid for 2 sections of card; }
I also recommend that you see the solutions of other users so that you can see how to solve it or better understand how each CSS3 property works, very good job!
Happy Coding!
