Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

This is a React Typescript project which uses SASS styling.

Jeff 210

@W4GFO

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Still have some issues getting elements to center, left, or right justfy.

Question:
	When using FlexBox and Grid but all the following properties do nothing to move an element's alighnment:
	* align-items
	* justify-items
	* align-content
	* justify-content
	* justify-self
	* align-self

What is typically the issues you see developers are making when this is happening?

Any input would be greatly appreciated as I run into this a lot.

Community feedback

Martin 240

@TheMrBombastic

Posted

Hi Bro, hard to tell. You used flex to position your window in the middle, which you did right.

2 things to know:

-justify works on the main axis -align on the other one 2. justify-self and align-self must be set to the items of the container, while the others are set on the container itself.

COMMENT IS SHORTCOMMENT IS SHORTCOMMENT IS SHORTCOMMENT IS SHORTCOMMENT IS SHORTCOMMENT IS SHORT

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord