@OpenWorldProjectOWPSubmitted about 2 years ago
Hello all! I am very new to development but am excited to continue learning! I fell in love with coding during my time studying aerospace engineering. So much so, that I decided engineering wasn't my actual passion and left college to become a full-stack developer. I look forward to the challenge!
Latest solutions
Latest comments
- @OpenWorldProjectOWPPosted about 2 years ago
Updated landmarks recently. Thanks for the feedback again!
0 - @AhmedAlkhSubmitted about 2 years ago@OpenWorldProjectOWPPosted about 2 years ago
@AhmedAlkh Great attempt! Let me share with you what I learned doing this to help you with you improper sizing problem.
Use your <main> as the initial container and set the width to 100%, don't forget to set the justify-content and align-items to "center".
Set up a container div with your image and content inside the <main>.
Utilize the semantics in the HTML to connect the CSS instead of making a class or div for everything. This keeps your code smaller and easier to read.
As for changing the display when the viewport changes, you can use @media in CSS to change the flex-direction to column instead of row for smaller screen sizes.
I used the same advice on a similar project which you can view here: https://github.com/OpenWorldProjectOWP/BetterDev4
Great job and Happy Coding! Hope this helps.
Marked as helpful0 - @bvictor-aSubmitted over 2 years ago@OpenWorldProjectOWPPosted over 2 years ago
Hey Bruno, great job with this challenge! I just completed this one myself and something I learned that I think is a good takeaway for you as well was: Use the "main" section as a container itself and by giving it the property "flex" you can then center the "container" div which places everything nicely in the middle of the page. That small change has a huge impact on the finished projects appearance. Feel free to view mine and leave me feedback. I left mine unedited so that I can continue to receive advice on the original attempt.
0
