LuizHR06• 10
@LuizHR06
Submitted
Miguel Angel
@77iu
All comments
- Miguel Angel• 270
@77iu
Posted
It is the simplest and most perfect solution I have seen. Worthy of studying it in depth for future projects. Congratulations on this exercise👏👏👏
1 - Trottie McQueen• 80
@trottiemcqueen
Submitted
Great starter project
Miguel Angel• 270@77iu
Posted
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
0 - Joel• 40
@JoelKS100
Submitted
Were there any small or not so small details that I may have missed?
Miguel Angel• 270@77iu
Posted
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!
0 - mcodes97• 40
@mcodes97
Submitted
Miguel Angel• 270@77iu
Posted
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!
0 - Stephen Starc• 70
@StephenStarc
Submitted
Miguel Angel• 270@77iu
Posted
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!
0 - Ahmed Khalifa• 10
@IamAhmedKhalifa
Submitted
One thing that I struggled with is to make it more mobile responsive i.e. when the height is shortened. Feedback is welcome on on how best to do that. One day, I'd like to experiment with different wireframe for mobile.
I've also tried my best to experiment with using Flexbox and for centre alignment. I hope I've done it well, but I do wonder whether I have followed best practice and/or if I have overcomplicated it. If you have feedback about that, that would also be great.
Miguel Angel• 270@77iu
Posted
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
1 - Anosike Obinna• 400
@Smartlify08
Submitted
Miguel Angel• 270@77iu
Posted
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
1 - gabrielfranos• 10
@gabrielfranos
Submitted
Miguel Angel• 270@77iu
Posted
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
1 - SergioFilho18• 20
@SergioFilho18
Submitted
I had a difficulty with a flex-box, but I think it's normal to have it, so the other thing I had I think is about learning and training a CSS framework.
Miguel Angel• 270@77iu
Posted
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
0 - Prince Boakye• 90
@melquawest
Submitted
Miguel Angel• 270@77iu
Posted
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
0 @abdelrahman-mohammed1
Submitted
What are you most proud of, and what would you do differently next time?
Building QR code Component using html and css
What challenges did you encounter, and how did you overcome them?
css style
What specific areas of your project would you like help with?
html for structure css for style
Miguel Angel• 270@77iu
Posted
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
0@abdelrahman-mohammed1
Submitted
Miguel Angel• 270@77iu
Posted
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
0
