@pyrpled
Latest solutions
Latest comments
- @Richard-08
Hi Gloria! Great work! To vertically center the component, you can add styles to the parent element (in your case it’s "body"): {display: flex; align-items: center; justify-content: center}. Good luck, Gloria:)
- @juandadev@Richard-08
Hi, Juan! Great work! Cool animations and effects. I think the "job-container" should have a left border that has a featured flag.
- @paminus-kingori@Richard-08
Hi, paminus king'ori's! Good work!
For .box-window, you can use the "display: flex" and "flex-wrap: wrap;". Then the blocks will be transferred and you can not use grid in the media queries.
Good luck!
- P@gcardenasdev@Richard-08
Hi, Gabriela! Good work!
The answer to your first question: For # four-card section, you can use the "flex-wrap: wrap;". Then the blocks will be transferred and you can not use grid in the media queries.
Good luck, Gabriela!
- @pvcodes@Richard-08
Hi! Good work:) After clicking the button, the page refreshes. I suggest adding in the script event.preventDefault(). The Event interface's preventDefault() method tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.
Good luck!
- @sheriffsaka@Richard-08
Hello! Good work! You can improve navigation. Add logo, links and button to different containers <div></div>. And then parent container "topnav" make flex. Example:
<nav class='topnav'> <div class='logo'></div> <div class='topnav__links'></div> <div class='topnav__btn'></div> </nav>Styles: .topnav { display:flex; justify-content: space-between; align-items: center; }
Then you can add padding, margin and it will be like in design:) Good luck!
