Learn CSS FlexBox by building a Photo Gallery

Hi,
In this project, we have the CSS code
.gallery::after{
content: “”;
width: 350px;
}
It says that if we add a new image at the last, in that row, the image will be aligned to left of the row. But when I tried to add an image at the last row, it’s not aligning to the left. Please May I know why its not aligning to the left? If there is a solution to align the last row image to the left, can I have the reply? (Note: If suppose, if I add 2 images to the last row, it’s aligning correctly ).

Thanks,
Vanithaa

Hello and welcome to the forum.

It appears the problem may be the "" quotation marks. It appears not to like “” because when I changed those to regular it passed for me.

Wishing you good progress on your coding path. :slightly_smiling_face:

Thanks for your reply. Sorry still the problem persists.

Please copy all the code in the file here. (Paste it in your next reply)

Sorry that I couldn’t paste the code here.

We need to see your code to help you. Please copy it and paste it here.

It’s not allowing me to paste it here. Is there any way to paste the code and the output. If so, Share me the link so that I can post it there. Thanks.

it should allow you to copy text here. (just like you are typing your response and that is allowed). You just need to copy the text portion only and paste it.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

You need to narrow the viewport/preview window down to where it becomes a two-column layout. Then you can see the last image is centered, which is what we fix in this step using an invisible pseudo-element.

It has the same effect as if you added another image, but you can’t see it, so it just pushes the image before it to the left.

1 Like