Design comparison
Solution retrospective
Hello,
This is my second attempt at this, here is my first one: https://www.frontendmentor.io/solutions/3columnpreviewcard-challege-html-and-css-tcguJpo1m
I used position: absolute/relative; and moved items with left & right etc. I was informed this is a bad habit and was told to look at FLEXBOX.
I did and re-created this challenge this time with FLEXBOX. This is my first time using this and I only recently started a web dev course so I am still new to html, css & flexbox. I am looking for some feedback:
-
How could I have improved my code and made it easier? Maybe parts of my code is redundant?
-
If I resize my screen the paragraphs go outside the color-boxes, is there a way to prohibit this?
Any other feedback is much appreciated.
Thank you very much in advance!
Community feedback
- @Just9krishPosted over 2 years ago
You have made lots of mistake, like sedan svg is not showing in output use "./" in img src to locate path of file, first clear concept of flex box and basic of css. for this read blog and watch youtube video and keep practicing as you are new in this so keep practicing and keep learning.
0@carlzxc71Posted over 2 years ago@Just9krish Thank you for the feedback. The images worked when I was working locally so I must have forgotten this, my bad.
0
Please log in to post a comment
Log in with GitHub
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