Design comparison
Solution retrospective
I understood column, column offset and column size in bulma. I will try to use them more often rather than creating 3 columns and choosing the one in the middle like this
Hi
I will rather do
What challenges did you encounter, and how did you overcome them?```html Hi
Centering the component
What specific areas of your project would you like help with?Making it better and more responsive
Community feedback
- @ChamuMutezvaPosted 5 months ago
Hi Ezekiel
Congratulations for taking your first challenge. Here is my take after going through your work.
HTML
- getting the basic right will go a long way in your journey . A website should be created using among other things - semantic html. That is to say, wherever possible use the right element that was created for that specific task. If it is a title/heading make sure to use correctly the available heading elements. A heading element is important in a website the same way that a Novel should have a title and chapters that have heading and so forth.
- still on semantic elements, landmark elements which includes elements such as
header, main, footer etc
are important for the organizational structure of your website. With this site , I expect that it should have at least themain
element - an
img
element should have an alt value , where when the image is decorative it can have an empty value , egalt=""
Marked as helpful0 - @danielmrz-devPosted 5 months ago
Hey there! ππ½ββοΈ
Congrats on completing the challenge! β
Your project looks fantastic!
Here's a tip to make it even better:
Try this method to center the card vertically and horizontally:
π Apply this CSS to the body (skip position or margins to make it work correctly):
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
Hope this helps!
Keep up the great work!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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