Miguel Angel
@77iuAll comments
- @LuizHR06Submitted about 1 year ago@77iuPosted about 1 year ago
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 - @trottiemcqueenSubmitted about 1 year ago
Great starter project
@77iuPosted about 1 year agoHello!
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 helpful0 - @JoelKS100Submitted about 1 year ago
Were there any small or not so small details that I may have missed?
@77iuPosted about 1 year agoIt 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 - @mcodes97Submitted about 1 year ago@77iuPosted about 1 year ago
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 - @StephenStarcSubmitted about 1 year ago@77iuPosted about 1 year ago
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 - @IamAhmedKhalifaSubmitted about 1 year ago
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.
@77iuPosted about 1 year agoHello, 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 helpful1 - @Smartlify08Submitted about 1 year ago@77iuPosted about 1 year ago
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 helpful1 - @gabrielfranosSubmitted about 1 year ago@77iuPosted about 1 year ago
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 helpful1 - @SergioFilho18Submitted about 1 year ago
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.
@77iuPosted about 1 year agoHello, 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 helpful0 - @melquawestSubmitted about 1 year ago@77iuPosted about 1 year ago
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 helpful0 - @abdelrahman-mohammed1Submitted about 1 year agoWhat 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
@77iuPosted about 1 year agoHello, 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 helpful0 - @abdelrahman-mohammed1Submitted about 1 year ago@77iuPosted about 1 year ago
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 helpful0