@M-AminAlizadehSubmitted 9 months ago
What specific areas of your project would you like help with?
If you see any issues or improvements kindly comment here or make an issue on the repo issues tab issues
I started out learning BASIC and Machine Language Programming on a Commodore 64 and an Apple IIe in former life. Unfortunately it never went anywhere. Now, years later, I am learning how to write HTML and CSS as a way to create a website to showcase my photography. (And possible even more...)
I’m currently learning...- HTML - CSS - a bit of JavaScript
Latest solutions
Social Proof Section
Submitted 9 months agoI have run into this before: The font-size given in the style.md file really doesn't really match the font-size in the design images (displayed at 100%). So what do you do in a situation like that. Do you stick with the given font-size, or do you adjust the font-size to match the design images. I chose to match the size.
Recipe Page
Submitted 9 months ago- How do you start coding? Do you jump in and start coding on the computer? Do you print out the Designs & Style-Guides and make notes on them? Do you write any code by hand on paper before opening up your code-editor on your computer?
- In a basic language computer programming class I took about 40 years ago the teacher taught us to write the program by hand on paper using a pencil (you can't erase ink). That made us think about the flow and logic and visualize the program in our minds before starting to write the code on the computer. I'm beginning to think that could easily apply writing HTML and CSS.
QR Code Component
Submitted 9 months agoAny and all questions, comments, and suggestions are welcome.
Product Preview Card - My Frontend Mentor challenge
Submitted 9 months agoAny and all questions, comments, and suggestions are welcome.
Latest comments
- @MadArtistPhotoPosted 9 months ago
Okay, I re-did the code and the A stays within the LI. Two examples. One with the width of the clickable area based on the width of the text in the link (more text, wider link area). And the other with the clickable area set to the width of the parent element (containing DIV) so all links can be the same width. -CodePen here-. I'm sure there is a cleaner and more elegant way to code this, but it works for me.
Marked as helpful0 - @Mystique9901Submitted 9 months agoWhat are you most proud of, and what would you do differently next time?
I didn't know that I can use 100% height with html tag to center the card. I guess it become a little easier than before.
What challenges did you encounter, and how did you overcome them?It took me almost an hour to finish. I think I need to practice more.
What specific areas of your project would you like help with?I always have trouble with deciding the width and height of the card. I don't know what percentage it should be.
And if there is any advice you want to give me, warmly welcome.
@MadArtistPhotoPosted 9 months agoTrying to match all the measurements can be quite a challenge. I have added two tools to my arsenal. First- a Graphics Program that will display an image at 100% (Faststone Image Viewer works). Second- PicPick, an image accessory program. PicPick has a ruler you can use on screen where you are viewing the Design Image provided with the challenge. This allows you to measure everything, the card size, spacing between elements, spaces that would be margins or padding, etc. This makes it a lot easier than trying to guess the dimensions.
Marked as helpful1 - @AReactDeveloperSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
Hello again dear community in this project i used scss preprocessing i didn't wanna use just vanilla like previous one i wanted to learn something new every challenge from this website i tried to get this as pixel perfect as possible though sometimes that gave me a headache considering its very hard to calibrate between margin and padding i know basic box model stuff but I've always struggled with that if you have any tips please leave them down below ill make sure to mark your comment as helpful comment if you care to spare time to review my code help me out with my mistakes and stuff i appreciate that a lot also thank you much for passing by
What challenges did you encounter, and how did you overcome them?trying to get pixel perfect design while calibrating width and height with margin and padding I don't think I overcame that
@MadArtistPhotoPosted 9 months agoI too struggle with 'pixel perfect or close enough' . What makes it more challenging is in the free versions the font size and colors in the style.md file and on the design images occasionally don't quite match. I'm working on my seventh challenge and I find myself leaning more and more towards the 'close enough' end of the scale.
The one thing many people seem to miss in this challenge is when in the 'active state' the pointer turns to a black hand.
Marked as helpful1
