Latest solutions
Result Summary Card
Submitted 12 months agoWould like a review of my code, both the HTML and CSS, things could no-doubtedly be optimised but I feel like I am improving a lot since I tackled my first solution a couple of weeks ago.
After uploading, I noticed the sizing of my box is quite different from the given design, I'm not entirely sure what I'm doing wrong, how do I go about getting the size pixel-perfect?
Four Card Feature
Submitted 12 months agoHappy overall with the outcome, would appreciate someone to review the CSS and give me any relative pointers that I can do to improve.
Product Preview Card
Submitted 12 months agoStill feel like I'm having trouble when it comes to declaring widths of my containers.
Design appears to have a more vertical feel as opposed to my landscape outcome. Not sure what is causing such the drastic difference.
Latest comments
- @RaulTindogan@Imerzion
Hi @RaulTindogan,
Overall, your solution looks great. At a glance, the only issue that I can see looking at the generated screenshot is that your heading doesn't span on two lines as per the design.
This could have been achieved by simply adding a
<br />
tag via the HTML. Otherwise, as far as I can tell (fairly new to coding) your solution looks great!Happy coding!
~ Imerzion
- @biboking-373@Imerzion
Hi @biboking-373,
Looks as though you need to amend your image paths as the image and .svg are not pulling through to the project for me.
Thanks,
~Imerzion
Marked as helpful - @Zecsba@Imerzion
Well done with your solution!
There's just a couple of subjects that I would recommend you taking a look at:
Firstly, would be to add a 100%vh declaration to your body element to prevent the background colour cutting off at the bottom of the project a little bit early.
The font-sizes also look slightly off the proposed design.
But overall, the solution looks great, well done :-)
- @Adem-TozluWhat are you most proud of, and what would you do differently next time?
I'm proud that I still have everything in my head and haven't forgotten anything.
What challenges did you encounter, and how did you overcome them?At the beginning I had the problem of centering my main but I managed to solve that with height and width
What specific areas of your project would you like help with?I'm looking for experience and am busy learning. I love improving, so I'm happy about any feedback
@ImerzionHey Adem-Tozlu,
Your solution looks great. Looking at the preview it's really close to the design. The only difference I can notice is the image on your solution is a tiny bit larger. Otherwise, great job.
Happy coding!
~ Imerzion
- @gaurang8084What are you most proud of, and what would you do differently next time?
Its make with some basic knowledge and Pure HTML & CSS. and I'll try some more enhanced with media Queries (Maybe).
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
@ImerzionHi Guarang,
Looking at your solution to the challenge, there seems to be a few errors when comparing the solution to the design.
One of those issues being the colours that you have chosen do not match those given in the criteria.
There also appears to be an issue with one of your images not pulling through at the bottom of the card (probably due to an error with your folder structure).
Happy coding,
~ Imerzion
- @juanma21centuryWhat are you most proud of, and what would you do differently next time?
asd123
What challenges did you encounter, and how did you overcome them?asd123
What specific areas of your project would you like help with?asd123
@Imerzion1 ) Looks like you didn't add declarations to specify the QR Component to be centred in the middle of the viewport within your CSS file.
-
You were missing some padding from above the image, which would have prevented it from sitting within the white background.
-
Background colour looks inconsistent with the design.
-
There's a large amount of space between the .qr-text-bold and the qr-text divs.
-