Move button to right side of screen when width is less than 800px | Scrimba | Page 1

stray quiver Dec 21, 2022, 5:13 PM

#

here is the github repo : https://github.com/JackOBrien21/developer-website

GitHub

GitHub - JackOBrien21/developer-website

Contribute to JackOBrien21/developer-website development by creating an account on GitHub.

little meadow Dec 21, 2022, 5:54 PM

#

Hi @stray quiver

Create A flex container with your two elements. Set this container to display:flex and justify-content: space-between.
set a class to the FA icon and set it to display: none.
Inside the media query, set that class to display:block

That should give you a working solution

stray quiver Dec 21, 2022, 5:55 PM

#

Ill try that, thanks for the assistance!

stray quiver Dec 21, 2022, 6:14 PM

#

That worked out, one more question though...do you see why the "home", "about", and "contact" links aren't vertically aligned with the "insertnamehere" div

#

scratch that, i think i got it

little meadow Dec 21, 2022, 6:41 PM

#

stray quiver That worked out, one more question though...do you see why the "home", "about", ...

Cool!
If you haven't already, you should follow the free html CSS course on scrimba. It'll take you through flexbox basics.
And feel free to give a purple heart to those you help you. It's good for karma.

stray quiver Dec 21, 2022, 7:14 PM

#

like that?

#Move button to right side of screen when width is less than 800px