Design comparison
SolutionDesign
Solution retrospective
Hey everyone! I've just completed this challenge.
Any feedback and suggestions on how I can improve are very welcome! and especially with the curves. Many Thanks!
Community feedback
- @vanzasetiaPosted over 3 years ago
👋Hi robjuh!
For the curved background, you can use
background-image
and position it usingbackground-position
.For the feedback:
- Use HTML semantic tags, like for instance, for every row, you can use
section
instead ofdiv
. - The class name should be more specific. Like, for example you can change the first
row
class intohero
orshowcase
. It will make you understand what's going on in the future if you need this project as Portfolio or anything. - Try to use Prettier to format your code. You can install it as an extension from your text editor or you can install it through command line. Make sure that Node.js has already installed on your machine.
npm i -g prettier
- I recommend to use
p
instead of headings tag for this chunk of code, since they are just a name and a job title (not a title of a section).
<h3>Kyle Burton</h3> <h4>Founder & CEO, Huddle</h4>
- Use
rem
units instead ofpx
, sincerem
unit will allow the user to control the size of your page.
That's it! Hopefully this is useful!
2 - Use HTML semantic tags, like for instance, for every row, you can use
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