Latest solutions
Componente de tarjeta de vista previa de 3 columnas
#animation#emotion#fresh#vite#emberSubmitted almost 2 years agostats-preview-card-component using only CSS HTML
#accessibility#contentful#emotion#fresh#bemSubmitted over 2 years agonft_preview_card_component using only HTML and CSS
#accessibility#emotion#fresh#lighthouse#bemSubmitted over 2 years agoproduct-preview-card-component con grid - flex media queries
#contentful#emotion#foundation#progressive-enhancement#reactSubmitted over 2 years ago
Latest comments
- @LuizHR06@77iu
It is the simplest and most perfect solution I have seen. Worthy of studying it in depth for future projects. Congratulations on this exercise👏👏👏
- @trottiemcqueen@77iu
Hello!
I see many differences between your solution and the original project, I suggest you open the example jpg with paint and check when it measures the letter, also check the font and color specifications that appear in the help.
Another good practice is to place on the body:
max-width:1440px;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
when you do it remove margin from the container and This way your work will always be focused 👍
I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.
And if you would like to learn new hover effects visit: (https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)
If you like it please subscribe and share 🙏
Greetings from Argentina!
Marked as helpful - @JoelKS100@77iu
It looks great!!!👍
If you would like to learn new hover effects visit:
(https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)
If you like it please subscribe and share 🙏
Greetings from Argentina!
- @mcodes97@77iu
Hello!
Your solution turned out very well, but if you notice it is smaller than the original project, I suggest you open the example jpg with paint and check when the letter measures.
Another good practice is to place on the body:
max-width:1440px;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
when you do it remove margin from the container.
This way your work will always be focused.
I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.
And if you would like to learn new hover effects visit
(https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)
If you like it please subscribe and share 🙏
Greetings from Argentina!
- @StephenStarc@77iu
hey! That background is amazing! It has motivated me to try it🤔.
I suggest you look better at the responsive area, to begin with the container of the three columns should have flex-direction:column
I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.
Greetings!
- @IamAhmedKhalifa@77iu
Hello, I'm Miguel
So that main or any other element is centered, I suggest the following:
body{ max-width:1440px; height:100vh; display:flex; align-items:center; justify-content:center; }
Tell me if this information was useful to you 😃.
If you like animated buttons I invite you to visit [https://youtube.com/@77iu-CSS?si=sbpP_EDa8PN6Zvak]
Greetings from Argentina!!👋👋👋
Marked as helpful